Tutorial : Sidebar Style 1

by - Sunday, April 08, 2018

Assalamualaikum

Zati nak share tuto sidebar macam zati ni, Senang je sebenarnya, korang cuma tweak code border je.

Contoh Sidebar
1. Theme > HTML > Ctrl+F
2. Cari code ni
Untuk simple template
h2 {
atau
.sidebar .widget h2{

Untuk denim template
.sidebar h2 {
3. Lepastu akan ada jumpa anak-anak code dia kan? Korang padam tu gantikan dengan code yang zati bagi ni
#sidebar h2 {
color: #00000;
line-height:0.8em;
text-align:center;
padding:10px;
margin: 0px auto;
font-family: 'Poppins',sans-serif;
font-size:17px;
background:#FFBCCC;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
.sidebar ul {
margin: 0;
padding: 0;
list-style: none;
}
.sidebar li {
margin: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: .5em;
padding-left: 15px;
text-indent: -15px;
line-height: 1.5em;
}
.sidebar {
color: #000000;
line-height:1.3em;
}
.sidebar .widget {
margin-bottom: 1em;
}
.sidebar .widget-content {
margin: 0 5px;
}

4. Hijau : Tukar korang nak warna apa. Biru : Lengkung sidebar tu korang boleh ubah juga
5. Sebelum SAVE , sila PREVIEW dulu ! Kalau takde error baru save okay.

You May Also Like

0 Comments

Terima Kasih Sudi Baca Entri Zati.
Tinggalkan komen dan Jaga Bahasa Anda Ye :)