Styling CommentLuv for WordPress

Published in Site RelatedWordPress
18 Comments

CommentLuv is a must have WordPress plugin. It’s a nice way of rewarding your blog readers who leave a comment on your blog because it displays  a prominent link back to their last blog post. Cool, isn’t it?

But I don’t like the way it displays my commenters’ last blog post. Maybe it would be great if I could edit the CSS so I could customize it.

I noticed in Firebug that the CommentLuv style sheet is located in ../wp-content/plugins/commentluv/style/cl_style.css and .cluv has this default style:

.cluv {
border:1px solid #fff;
padding: 5px;
display: block;
font-size: 100% !important;
text-transform: none !important;
}

that looks like this

comment-luv-default-style

Although the default style has a white border (border:1px solid #fff) it’s invisible in my comment box because it also has a white background.

I tried putting background color, top margin and different border color with rounded corner, and presto! Here’s the result. Just the way I like it.

comment-luv-my-style

Here’s the code for my commentator’s last blog post.

.cluv {
margin-top:15px;
padding: 5px;
border:1px solid #FFCCCC;
background:#F1DCC1;
display: block;
font-size: 100% !important;
text-transform: none !important;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
}

If you want you can copy-paste this code and replace the default .cluv styles.  Just change the border, margin or background color to your preference. After editing cl_style.css, upload it to your CommentLuv’s plugin folder – ../wp-content/plugins/commentluv/style.

There you go. Don’t forget to backup the original cl_style.css first if you want to edit it, so you have something fresh to work on if things don’t turn out right. Anyway, this is uber easy, I don’t think you’ll have a problem with it.

Blog Widget by LinkWithin
Share or Bookmark this post
  • Print
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • email
  • RSS
  • StumbleUpon
  • Technorati
  • Twitter
  • Yahoo! Bookmarks
  • Yahoo! Buzz
  • Suggest to Techmeme via Twitter

18 Comments to “ Styling CommentLuv for WordPress ”

  1. Andy Bailey on September 9, 2009 at 9:21 pm

    good work! I will have to add the ability for the user to change the stylesheet from within the settings page for the next update to commentluv so it makes it easier to change the way it looks. thanks
    Andy Bailey´s last blog post – Update across the board for Blogger CommentLuv My ComLuv Profile

    Reply

    Amor   replied on September 9th, 2009 at 10:32 pm

    Wow, Andy, I’m so honored to see you here in my blog. Thanks for your comment. Looking forward to the next update of CommentLuv.

    Reply

  2. Kenneth on September 10, 2009 at 12:40 am

    Great post! Just installed CommentLuv on my blog too!
    Kenneth´s last blog post – Show Some Support My ComLuv Profile

    Reply

    Amor   replied on September 12th, 2009 at 1:36 am

    Thanks Kenneth. It’s a great plugin, glad to know you will use it too.

    Reply

  3. Ridiculous blogger on September 10, 2009 at 4:42 pm

    This is the reason why you got a unique comment look.
    Ridiculous blogger´s last blog post – Make money with Blogitive My ComLuv Profile

    Reply

  4. Codewalkz on September 11, 2009 at 12:20 pm

    Ang sipag mo talaga magcode ng css hehehe.
    Codewalkz´s last blog post – Nocturnal Mem’ries of You My ComLuv Profile

    Reply

  5. Honney on September 11, 2009 at 2:33 pm

    Thanks for sharing this, sis! I might also use this plugin on my blogs when I have the time.

    God bless!

    Reply

  6. Marlene on September 13, 2009 at 4:43 am

    I used to style my commentluv before and that’s exactly where I edit it. But I stopped doing it anymore cos everytime there’s an update of the plugin, my style disappears. Nakakapagod kahit na ni-save ko pa ang dating style sa desktop ko.
    Marlene´s last blog post – Men In The Tube My ComLuv Profile

    Reply

    Amor   replied on September 18th, 2009 at 5:20 pm

    Yun nga lang problem kapag nag customize ka, everytime there’s an upgrade, mag a-upgrade ka rin talaga. Ganun din yung sa customized login screen ko, laging na ooverwrite kaya copy paste ulit.

    Reply

  7. Inchireri Robe on September 13, 2009 at 6:07 am

    Well to be honest this is not the first time when i remarked this plugin it looks fun and i am sure it wont do any harm to have it :) .

    Reply

  8. Isis @ Pinaybackpacker on September 19, 2009 at 3:36 pm

    Ang gaing naman po nito. Ang tiyaga niyo naman po mag-aral at magcode ng CSS. I couldn’t resist commenting just to see how my last post would look like in your stylized CommentLuv! LOL!:D

    Reply

  9. Heating Cooling Seattle on September 19, 2009 at 10:38 pm

    Wow, that looks way better! I haven’t used commentLuv yet, but after reading your post I think I will. I noticed that Marlene commented that whenever there is an update to the plugin it replaces your code. I guess one just needs to remember that and make the change each time.
    Heating Cooling Seattle´s last blog post – 13 Step DIY Furnace Installation Part 13 of 13 My ComLuv Profile

    Reply

  10. Heating Cooling Seattle on September 19, 2009 at 10:44 pm

    Oh, one more thing. Have you tried emailing Andy Bailey the plugin developer? According to his website, you can submit a ticket through the dashboard. Who knows, he might even be willing to give you a link from his site:http://comluv.com – how cool would that be!
    Heating Cooling Seattle´s last blog post – 13 Step DIY Furnace Installation Part 13 of 13 My ComLuv Profile

    Reply

    Amor   replied on September 21st, 2009 at 2:49 pm

    Thanks for your comment and suggestion.

    Reply

  11. Heating Cooling Seattle on September 21, 2009 at 7:29 pm

    Np. Were you using the "Top Commentators" plugin? If so, why did you take it off the site? What was your experience with it? If I remember correctly, that’s how I found your site. I just installed it on my blog and was searching to see how others were using it.
    Heating Cooling Seattle´s last blog post – 13 Step DIY Furnace Installation Part 13 of 13 My ComLuv Profile

    Reply

    Amor   replied on September 22nd, 2009 at 12:13 am

    I’m still using it. It’s one of the Top WP Plugins so I have no plans of removing it.
    Amor´s last blog post – Treasured Pictures My ComLuv Profile

    Reply

  12. Heating Cooling Seattle on September 22, 2009 at 11:30 am

    Oh, now I’m really embarrassed :/ I went to your homepage and there it is! Is it difficult to set it up so it only displays on the home page? Mine is site wide. – Thanks for your quick response, it means a lot.
    Heating Cooling Seattle´s last blog post – 13 Step DIY Furnace Installation Part 13 of 13 My ComLuv Profile

    Reply

  13. David @Christmas Tree Star on October 17, 2009 at 1:14 pm

    Hi! I spent one year trying to rank sites with social bookmarking and had no luck until I started using the CommentLuv and KeywordLuv plugins. Highly recommended for anybody who’s starting out! David
    David @Christmas Tree Star´s last blog post – Privacy My ComLuv Profile

    Reply

Leave a Comment

NOTE: For non-post related comments, you may visit my Guestbook. Thank you for cooperating! :-)

CommentLuv Enabled