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 or style 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
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.
Here’s the code to style 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.
Playing Around with Google Font API
Customizing WordPress 2.5 Login Screen
Customized WordPress Login
Amor: 
Maribel: 
Anette: 
Marlene: 
Kenneth:
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
Reply
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
Great post! Just installed CommentLuv on my blog too!
Kenneth´s last blog post – Show Some Support
Reply
Thanks Kenneth. It’s a great plugin, glad to know you will use it too.
Reply
This is the reason why you got a unique comment look.
Ridiculous blogger´s last blog post – Make money with Blogitive
Reply
Ang sipag mo talaga magcode ng css hehehe.
Codewalkz´s last blog post – Nocturnal Mem’ries of You
Reply
Thanks for sharing this, sis! I might also use this plugin on my blogs when I have the time.
God bless!
Reply
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
Reply
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
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
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
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
Reply
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
Reply
Thanks for your comment and suggestion.
Reply
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
Reply
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
Reply
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
Reply
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
Reply