How To Give Your Own Comments A Different Look In WordPress

Written by Costa on December 3, 2009 - 13 Comments
Categories: Theme Modification Tips

comment-style

Making your own comments look different from that of your readers is such a simple mod that I am knocking my head as to why I took such a long time to find it. It just takes one simple line of css codes and we are done. You can style your own comments in any way that suits your fancy.

Copy and paste these codes in your stylesheet. I would think anywhere is okay but it would be good to group it together with your other comment styling codes so you will have an easier time locating it.

.commentlist li.bypostauthor { background:#565455; }

You can set your background, your font colors or your font style to your preference. However, be reminded that this only works with newer versions of WordPress. If you are still suing a version older than 2.7, it will not work. For older versions, check out this post by Matt Cutts

Advertisements

b052cfc0bbf13a8c27036c069b4291da

Article by Costa Fong

@costafong

Who loves to mod and mess up WordPress Themes.

Costa has written 557 articles here. Some are awesome, some are lame.

If you enjoyed this post, whether it's awesome or lame, consider leaving a comment or subscribing to the RSS feed to have future articles delivered to your feed reader.

SUBSCRIBE NOW to receive free Photoshop Action scripts for creating beautiful eCovers.

13 Responses to “How To Give Your Own Comments A Different Look In WordPress”

Comments

Read below or add a comment...

Senthil Ramesh

December 3, 2009 at 1:26 pm

That was a gr8 info. As I have pondering over it for long time.

Reply
Phil

December 3, 2009 at 11:34 pm

Hi Costa..

This might not be the best post to ask this but since I found nothing better I’ll post this there. If you can take a look at my site and the theme I am using there, and give me a tip on how I can get rid of those spaces between my widgets on the sidebar, I would really appreciate it!

Cheers! Keep up posting these useful tips here!

Reply
- Costa
  
  December 4, 2009 at 8:56 am
  
  Hi Phil,
  
  Without looking at your stylesheet, I can only make a calculated guess and I am assuming you are referring to the bluish spaces in between your widgets.
  
  My guess is your Theme uses an image as your content’s background or sidebar’s background to get the shadowed left border and the bluish background for your sidebar
  
  What you can do is to remove that image, which will then render the whole sidebar white, Then you won’t have odd looking spaces in between the widgets.
  
  Alternatively, you can also reduce the margins between the widgets to 0. It would take a little scouting around your sylesheet for that and it would also take some trial and error if you are unsure which is the right value to change.
  
  Reply
  - Phil
    
    December 4, 2009 at 10:38 pm
    
    Yeah I have been scouting a little already but not finding the correct one – I’ll keep looking then and will remove the background image if I don’t find it..
    
    Cheers
    
    Reply