Tutorial nak cantikkan ruangan komen

Salam.....hari ni aku nak share tutorial nak cantikan ruangan komen you all hehehe...jom buat sama2 yer!!!!

Box komen anda sebelum nak transform box komen ngeh ngeh ngeh....



Okeh macam biasa....backup dulu segala coding korang tu yer,,,kang xpasal2 kena buat semula....

1. buka DASHBOARD>LAYOUT>EDIT HTML pastu cari code seperti dibawah (guna CTR + F untuk search yer) 

#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: $sidebarcolor;
}


#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}

DELETE code diatas dan TUKAR guna code dibawah

#comments h4 {
margin: 1em 3em;
font-weight: bold;
line-height: 1.4em;
color: #ffffff;
}
#comments-block {
margin-left:1.5em;
line-height:1.6em;
background: #ffffff;
color: black;
padding: 1em;
border:0px solid #ffffff;
}
#comments-block .comment-author {margin:.5em 0;}
#comments-block .comment-body {margin:.25em 0 0; background: #ffffff;}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
padding: 20px 10px 10px 10px;
background: #f3a64c url(http://i38.tinypic.com/27yu1xl.jpg) no-repeat top left;
}
.deleted-comment {
font-style:italic;
color:gray;
}

Code yang berwarna merah tu adalah komen box yang attractive dan kiut hehehe, komen box korang akan jadik macam ni la hehe...kalau nak tukar bentuk atau design pon boleh....



Dah siap pun....cantik kan komen box korang....kiki

credit blogbulk