Give Post Author Comments a Unique Style

A great way to add some style to your comments section is to provide a little extra style to your post author comments – it’ll help them stand out and helps your readers see where the post author has responded. This is especially helpful if you write the type of posts that get a lot of questions; a different style for the post author allows your readers to easily scan the comments and see what you’ve added to the article, tutorial, or story.

Example Post Author Comment Styles

A thin border around the post author comment box:
{code type=css}
body.custom li.bypostauthor {border: 1px solid #b73885;}
{/code}
A different color background for the post author comment box:
{code type=css}
body.custom li.bypostauthor {background: #D9C1D0;}
{/code}
A thick border around the post author avatar:
{code type=css}
body.custom li.bypostauthor img.avatar {border: 3px solid #333;}
{/code}
A different font color for the post author replies:
{code type=css}
body.custom li.bypostauthor div.comment-body {color: #000;}
{/code}
A different font color for the post author name/link:
{code type=css}
body.custom li.bypostauthor span.comment-author, body.custom li.bypostauthor span.comment-author a {color: #999999;}
{/code}

Run with it! You can combine these styles to create a unique look for your author boxes and help your responses really stand out.

Spread the word!

4 Responses

Leave a reply

Copyright © 2016 Vesped Inc. All Rights Reserved. Proudly Powered by Headway and WordPress