CommentLuv CSS Styling of last blog post

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?

Tagged as: commentluv, commentluv styling, css, css styling, last blog post, thesis styling

• SimplePress WordPress Custom Thesis Skin
• Thesis Tutorial – Display Posts from Specific Categories on Homepage
• WordPress & Thesis theme Enhance Serradinho Blog
• Adding Google Buzz to your Posts & Pages using Google Buzz WordPress Plugin
• WordPress 2.9.2 Update

WordPress & Thesis Customizations

This webiste is using Thesis theme & WordPress. I can create you a similar website or update yours.

View my services or portfolio for more details.

Author Information

Article by George Serradinho

I am the proud owner of Serradinho 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.