Article Feed

Comments Tweak in Wordpress -2

Setting the styles for comments.

Part 1 of this tweak is available here.

Open the CSS file, named style.css located in the current theme folder and define the following:

.comments{
padding:10px 0px 0px 30px;
margin:0px 0px 5px 0px;
background:url("images/commenticon.gif") no-repeat top left;
font-size:0.9em;
}

.comments-Byauthor{
padding:10px 0px 0px 30px;
margin:0px 0px 5px 0px;
color:#c60;
background:url("images/authorcommenticon.gif") no-repeat top left;
font-size:0.9em;
}

/* backgrounds for alternate comments and author comments alt is for oddcomments, 1,3,5 etc. def is for 2nd 4th comment etc., auth is for author comments. */

.alt{background:#FDF5E6;border:1px dashed #cc0;margin:-10px 0px 0px 0px;padding:10px;}
.def{background:#F6F0D4;border:1px dashed #cc0;margin:-10px 0px 0px 0px;padding:10px;}
.auth{background:#F6F6D9;border:1px dashed #c90;margin:-10px 0px 0px 0px;padding:10px;}

Make sure that you have created appropriate icons and placed them in the images folder. Also make sure that the style definitions match your site design!.

Lakshmi Mareddy is a polyglot from South India and is interested in design, technology, UI and human computing. She also is a history buff and an avid reader. If you like the way she writes, why dont you subscribe to the site feed via RSS or Email? Its absolutely free and helps you stay current. You can contact her via the contact page or write to lak [at] mareddy [dot] com.

Share your thoughts

Note: Your comments may take time to appear, as they are moderated for the first time.. All comments are followed. Your Personal Info will not be shared. Still have concerns? Read the rights and privacy details of Chilligavva..

 
Security Image
 
CommentLuv Enabled