[ASK] CSS Ordered List Worpress

Langsung aja mastah, ane newbie gak ngerti CSS, tapi pengen merapikan sedikit theme yang saya pake, biar gambar yg bicara berikut ini :



Ane ingin merapikan baris kedua biar sama dengan baris pertama seperti gambar berikut ini :



Themes yg dipake ini : http_wikiwp. com/demo/
CSS dalam themes :

ul, ol, dl {
padding-left: 15px;
list-style-position: inside;
}
li,
dt,
dd {
padding-top: 0.3em;
padding-bottom: 0.3em;
}

ol { counter-reset: item;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-bottom: 0px;
}
ol li { display: block; }
ol li:before {
content: counters(item, ".") ".";
counter-increment: item;
padding-left: 1em;
padding-right: 0.2em;
margin-left: -1em;
}

makasih

 

Coba minta liat contoh link yang bukan dari demo-nya gan... Biar ane inspeks untuk ngasi kode css-na.

 

ini link nya gan :
hxxp: jobbatam. com/hr-officer/bintan-bersatu-apparel

 

yang di bold tambahkan dan ganti parameternya gan...

jadi rapih.

 

Makasih gan gilang, nanya satu dijawab 2... makasssih buanget... -" smilieid="275" class="inlineimg" border="0"> ane ada tanya lagi via PM hehehe kalau berkenan dijawab..

 

oh pertanyaan yang di PM itu ane baru ngeh gan.. bukan teks justify, tapi ini nih.. coba tambah parameter yang di bold.

 

Ane udah coba gan, tapi itu mempengaruhi (memperlebar) jarak antar list nya, bukan jarak antara baris dalam satu list, ngerti nggak ya maksd ane

Mksd ane merapatkan jarak antar list,

 

Oh jarak antar list ya...

Coba ubah paddingnya antara 0.7em sampai 1em. Liat mana jarak yang cocok menurut agan.

li,
dt,
dd {
padding-top: 0.7em;
padding-bottom: 0.7em;
}

 

Work gan,
thanks

 

Seneng banget saya lihat tanya jawab di atas. Saling membantu itu indah.
Semoga sukses untuk semuanya.

 

Sama gan, ane juga haru lihatnya *moga ga dibilang lebay
Agan GilangRamadhan baik banget yah, ngasih unjuk secara cepat, gratis & sukarela.
Padahal pak guru matematika ga beli template dari beliau.
Salut!!

Ane aja yg beli template & mohon pencerahan dari si pembuatnya malah belum ditanggapi.
Hmm.. *jadi curhat

 

Amiin.....

Iya gan, ane thanks banget sama gan gilangramadhan....
ane yakin masih banyak orang baik di ads.id kek agan gilang ramadhan ini

 

Amin, semoga ya gan..

 

Ane udah coba gan, tapi itu mempengaruhi (memperlebar) jarak antar list nya, bukan jarak antara baris dalam satu list, ngerti nggak ya maksd ane



Mksd ane merapatkan jarak antar list,

 

Coba minta liat contoh link yang bukan dari demo-nya gan... Biar ane inspeks untuk ngasi kode css-na.

 

Makasih gan gilang, nanya satu dijawab 2... makasssih buanget... -" smilieid="275" class="inlineimg" border="0"> ane ada tanya lagi via PM hehehe kalau berkenan dijawab..

 

oh pertanyaan yang di PM itu ane baru ngeh gan.. bukan teks justify, tapi ini nih.. coba tambah parameter yang di bold.








li,

dt,

dd {

padding-top: 0.3em;

padding-bottom: 0.3em;

line-height: 1em;

}

 

Seneng banget saya lihat tanya jawab di atas. Saling membantu itu indah.

Semoga sukses untuk semuanya.

 

yang di bold tambahkan dan ganti parameternya gan...



jadi rapih.








ul, ol, dl {

padding-left: 15px;

list-style-position: inside;

}

li,

dt,

dd {

padding-top: 0.3em;

padding-bottom: 0.3em;

}



ol { counter-reset: item;

margin-top: 0px;

margin-bottom: 0px;

padding-top: 0px;

padding-bottom: 0px;

margin-left: 2em;

}

ol li { display: block; }

ol li:before {

content: counters(item, ".") ".";

counter-increment: item;

padding-left: 1em;

padding-right: 0.2em;

margin-left: -2em;

}

 

Ane udah coba gan, tapi itu mempengaruhi (memperlebar) jarak antar list nya, bukan jarak antara baris dalam satu list, ngerti nggak ya maksd ane



Mksd ane merapatkan jarak antar list,