Ads By Google

How To Give Your Own Comments A Different Look In WordPress

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

Share This Post
Ads By Google
 

Free Updates

Subscribe to receive Free WordPress Theme Tips, Reviews and Discount Codes

Related WordPress Theme Tips

How To Highlight Certain Words in Your WordPress BlogA really simple tip for those who is entirely blind to html. There will be times when you want to highlight certain words with a bright background to emphasize the...

How To Align Your WordPress Quotes Left Or RightImage via Wikipedia Sometimes we will want to quote some phrases to make it more outstanding so as to grab the attention of our readers. Of course in WordPress there...

How To Add A Second Header To Your WordPress ThemeJust added a second header to my Theme. When I created this Theme, there was no plans at all of wanting a second header as I don’t have anything that’s...

How To Use An Image For Your WordPress Theme BackgroundFestive season is around the corner and I thought it would be a good idea to usher in the mood a little bit early this year. For those who are...

Changing Background Color For Your WordPress ThemeThere are two backgrounds in a WordPress Theme. One is the overall background. If you have a fixed width theme, the color surrounding the contents is the overall background. The...

Those who found this page were searching for:

  1. football Wordpress Themes
  2. how to change wordpress theme background color
  3. dynamik theme
  4. returning SERPS number from Google
  5. sell wordpress theme money
  6. business card wordpress theme
  7. match predictions
  8. show image in Excerpt wordpress
  9. thesis 1.8 header image not work
  10. embed youtube video in gmail

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

Read below or add a comment...

  1. Phil says:

    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!

    • Costa says:

      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.

      • Phil says:

        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