Tutorial : Sidebar Style 1

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.