I have seen that on blogs that have the CommentLuv plugin installed, that the commentators last blog post is not styled at all. This can be a bit confusing if you have a look at the comment left behind. This little CSS hack is mainly for the Thesis theme, but it can be adapted to other themes as well.
This post is about styling the commentators last blog post and to highlight it a bit so that it stands out and can be noticed. You can change this by adding 2 lines of CSS styling, this will cater for the old CommentLuv and for the new commentLuv styling. The old styling is different to the new styling.
Copy the details below and place them in your custom.css file. This will work for all old or new comments. I say that as the old plugin used ‘abbr’ and the new one uses ‘cluv’. If you have installed it recently then put the one with ‘.cluv’, if not then I would use it as is.
/* CommentLuv last blog post settings*/
.cluv {display:block; padding:8px;border: 1px solid #E1E1E0; background: #F5F5F5; text-transform: none; font-style: normal; letter-spacing: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-top: 15px;}
.custom #comments abbr {display:block; padding:8px;border: 1px solid #E1E1E0; background: #F5F5F5; text-transform: none; font-style: normal; letter-spacing: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-top: 15px;}
From the picture below, you can see that Stefan’s last blog post is highlighted with a grayish box. It immediately stands out and others will notice it.
CommentLuv Last Blog Post Styling
This should work with any theme and not just Thesis theme, so give it a go and lets see what happens. All you have to do is put this in your css file and check the changes, let me know if you run into any problems.
Final Thought
I hope this little CSS styling hack helps you and that it makes a difference. You can always change the colours used to make it more appealing or to blend in with your theme.
What do you think of the CSS hack? Was it easy to implement? Did you keep the colours I used or did you change them?
Other Interesting posts that you might want to also look at. I have only listed a few below, so browse some more.
- Sponsor A WordPress Theme & Promote Your Website
- Code Snippet Tutorial – Display Time Span of WordPress Post
- Serradinho Blog finally has Google Sitelinks
- SimpleHomeTips.com domain for SALE
- Automate unique content posting using WP Robot WordPress Plugin
- Premium WordPress Themes by WooThemes
- 5 Great Plugins to Increase Social Media Traffic to Your Blog
Article by George Serradinho
I am the proud owner of Serradinho.com and have made this my second home. I'm into blogging, downloads, WordPress and the internet in general. I also love meeting and helping others and learning new techniques.
George has written 756 awesome articles.
View all posts by George Serradinho, there might be other posts that interest you.
Subscribe to Serradinho feed and get updates via EMAIL sent directly to your inbox.
This blog is using the Thesis theme & WordPress blogging platform. Customizations on this blog have been done by myself.
I currently freelance as a part-time web designer whereby I offer a variety of web related services. You could alternatively browse through my portfolio for examples of work completed.
Below are a few of many ebook downloads that I have made available. Alternatively, you can view my download posts to see what else I have to offer.
- eBook - 3 Steps To Newbie Success (40)
- eBook - 30 Ways To Get Free Traffic In 30 Minutes Or Less (61)
- eBook - On The Double Product Creation (32)
- eBook - The Ins & Outs of Affiliate Marketing (39)
- eBook - The Basics Of Search Engine Optimization (46)
- eBook - Are JV Giveaway Events Good For You? (44)
- eBook - Offer Free Phone Support To Your Website Visitors (45)
- eBook - Instant Product & Fast Traffic (80)
- eBook - Email Marketing Magician (84)
- eBook - How To Effectively Manage Your Anger (42)
{ 38 comments }
Hi There,
You have added the best style for CL.
Surender Sharma´s last blog ..Winner Announcements of the Blog Contest on Technogati
@Surender – thanks man, it’s the normal default styling. you can play around with it and make it better if you want.
Thanks for this. It certainly makes the difference. It is very easy to use as you have to just copy the code
. I kept the same colors you used, it looks better that way… 
Compute Live´s last blog ..Download Mac OS X 10.6.1 Snow Leopard
@Compute Live – no problem, sometimes keeping things simple is better. Glad it helped
George… YOU ARE MY HERO!!! Seriously, I am not good at CSS and I have not heard from my programmer in a month or so… and since I finally got my CommentLuv working I have been wanting to modify the styling, but I had no idea how to. This worked perfectly and it took me less than a minute to do it. Truly AWESOME… Thanks!
Doug Dillard´s last blog ..Making Money Online Subscription Contest – Win Professionally Designed Logos or a Character Mascot
@Doug – wow, you have a programmer. That’s awesome as I’m a one man show. I do a lot of surfing on various topics to help me to do things better. I suggest you learn a bit of PHP and CSS in your spare time so that you can start doing things yourself.
I do know a little PHP and a little CSS, with the emphasis on “little”. Just enough to be dangerous. I actually could have done some searching and eventually figured it out, but there are always more pressing issues to deal with
Doug Dillard´s last blog ..Making Money Online Subscription Contest – Win Professionally Designed Logos or a Character Mascot
@Doug – maybe thats why your site is rocking
Keep at it and you will become better.
hey great post George, it look cool
mostlyBlog´s last blog ..5 WordPress Plugin For Twitter
Thanks for telling where to edit the code for styling it..But What should I edit it to so that it will look more good..
Any Examples?
Typhoon´s last blog ..7+ Facebook Applications You Must Use
@Typhoon – thanks for the email, seems to be ok on my side, but will monitor it.
You can style it by maybe adding your own image.
I would surely have added this code but unfortunately Comment Luv does not work on my theme
… But if later I change my theme I’ll definitely add this styling.
Nehh´s last blog ..Sex and the City 80’s flashback
@Nehh – sorry to hear that, maybe another time. Chin up, that’s alright, give me a big smile
I have played with my CommentLuv CSS a few times to get it to match the look, not to mention I go into these little grooves where I want to change up the look. It’s easy and this is a great helper for anyone that wants to do it, nice work George.
Extreme John´s last blog ..8 Reasons Follow Friday Sucks
@Extreme Jogn – thanks man. I have actually started to enjoy the sharing of infoirmation. If I can help someone and they can help another, then there would be lots of help.
I’m not using commentluv but I think this is a great tutorial =)
Thank you so much! As I don’t know much about coding, I wouldn’t have been able to learn how to change the style of my commentluv without your help! I’m going to give it a try! Thank you for sharing this!
Benjamin Cip´s last blog ..How To Make Money With Affiliate Products
It’s me again… I’m using a plugin to highlight my comment as a author (John chow has a blue color for his comments), but it doesn’t seem to work. Any idea how to make my comment color looks different from other commentators? I really want to change it with either yellow or orange.
Benjamin Cip´s last blog ..How To Make Money With Affiliate Products
Great one, George. I have just added the styling to CommentLuv. Thanks for the little tips.
Jacob Yap´s last blog ..Do You Buy Stuff From Affiliate Links?
@Jacob Yap – no problem, glad to be of help.
Hey it looks nice George !
And I like the style of threaded comments here.. u did something from your side ?
S.Pradeep Kumar´s last blog ..Tips To Improve And Increase Your Blog’s Loading Speed
I think when you get a theme, the problem always arise when the theme is incompatible somehow with the plugin. Good thing about Thesis theme is that a LOT of people documents it and hands out useful guides..
Melvin´s last blog ..Look, We’re Not Idiots Here
@Melvin – you are so correct, that is always something in the back of many minds. Yes, many users post about hacks, tips and tricks that can be done with Thesis.
Cool. Thanks George
steppinout´s last blog ..25 Creative And Outstanding 404 Pages
Making a difference and Looking different has got your blog to this level. Be different and stay as you are! My good wishes.
Tech-Freak Stuff´s last blog ..How to prepare yourself for Shifting from Blogger to Wordpress?
@Tech-Freak Stuff – thanks man, trying my best
i am also about to use commentluv plugin in my blog. will use this CSS styling there..
Still dont know how Commentluv help us ?
ankit´s last blog ..Top ten places those you should never miss to visit if you are traveling Delhi
@ankit – go read about it. It will basically show the commentators last blog post. Other might click on it if they are intrigued.
Thanks for this tip. Sure looks good on my blog.
shaunjudy´s last blog ..Best MMA Knock Out(s) Ever!
@shaunjudy – thanks a lot, one could style it a lot more if they wanted to.
That’s a very nice tip George.
Wanna make it effective on my thesis theme which is in dev stage, yet
Suneel´s last blog ..TRAI Guidelines To Telecom Operators Over Mobile Number Portability
@Suneel – no problem, I have a few other posts that you could also see.
Awesome styling mate!Can you tell me how to incorporate a heart into that?
@Nash – I’m not sure how one would do that via css.
N.B. There is a setting for the plugin to add the heart to the links automatically. This heart will be showed on the right of the link.
Worked beautifully! I am still setting up my site, so I have a ton of kinks to work out, but this has been super helpful and easy (even for a novice like me!) Thanks!
@Monique – glad to be of help. I checked out your site and feel the menu colours are hash on my eyes, don’t know how others feel.
Thanks so much!!! I am new to Thesis (steep learning curve) and could not for the life of me work out how to style CommentLuv – it looked ghastly before. Again, thank you!
Christie´s last blog ..Yep… it’s blog makeover time again
@Christie – no problem, glad to be of help. It was very easy to do and other changes are also easy. Go have a look at my other tutorials that are available from my downloads section. Give me a shout if you need anything else.
{ 3 trackbacks }