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.

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

From the desk of George Serradinho

I am the proud owner of Serradinho.com and have made this my second home. I'm into blogging, downloads, WordPress, meeting and helping others, etc. Basically the internet in general :) Serradinho Web Services is my own company whereby I offer my services to clients. This ranges from web design, website upgrades, theme customizations, support, premium WordPress plugins and many more .....

View all posts by George Serradinho, there might be other posts that interest you.