How to Highlight Author’s Comments in WordPress

On maximum websites, it is rather arduous for customers to observe creator’s feedback. This is why many WordPress websites spotlight their creator’s remark by way of making it a distinct background colour, including a picture, and so on. If you wish to have to learn the way to spotlight creator’s feedback in WordPress, then you could have come to the precise position. In this text, we will be able to display you the very best and easiest way to spotlight creator’s feedback in WordPress.

Video Tutorial

If you don’t just like the video or want extra directions, then proceed studying.

WordPress by way of default generates various CSS categories which makes it more uncomplicated for designers and customers to alternate the types (WordPress CSS Cheat Sheet). Among the ones default categories that WordPress has added, a kind of are particularly focused for styling creator’s feedback.

The elegance is known as .bypostauthor which can also be discovered in the .commentlist part. All you could have to do is upload your customized types by way of the use of CSS. For instance, you’ll be able to upload your personal background, your personal symbol, and so on. Note: this code can be discovered in your taste.css document positioned in your theme’s folder.


.commentlist .bypostauthor {}
.commentlist li ul.kids li.bypostauthor {}

This doesn’t have to be tremendous advanced. Often this is a somewhat easy difference that highlights creator remark. For instance, Chris Coyier has a border-top with a yellow/orange colour that makes his remark stand out.

To get one thing like Chris, all you could have to do is upload this price in the ones categories:


.commentlist .bypostauthor {border-top: 10px cast #e18728;}
.commentlist li ul.kids li.bypostauthor {border-top: 10px cast #e18728;}

Note: we strongly counsel that you simply alternate the colour to fit your colour scheme :)

Another instance can be Matt Cutt’s web site. He highlights his remark by way of including a gentle background to his remark while all different feedback have a white background.

Highlight Author Matt

You can do that by way of including one thing like this in your taste.css document:


.commentlist .bypostauthor {background: #e7f8fb;}
.commentlist li ul.kids li.bypostauthor {background: #e7f8fb;}

Again, we strongly counsel that you simply alternate the colour to fit your web site’s colour scheme.

We hope that you simply to find out instructional on how to spotlight creator’s remark in WordPress to be useful. The examples above are quite simple, however you’ll be able to pass utterly loopy and upload background pictures, and so on. Let us know if in case you have any questions.

Recent Articles

How To Set Different Wallpapers On Multiple Screens On MAC

Does this question pop in your head when you think of setting up multiple screens on MAC? If so, the next few...

5 Must-Have Android Apps for 2020

The digitization of most of the amenities of society was a breakaway from the traditional livelihood of the masses.

How To Rearrange Comments in WordPress

Rearranging feedback to show the newest one on most sensible is changing into a brand new development that an increasing number of most sensible...

How to Highlight Author’s Comments in WordPress

On maximum websites, it is rather arduous for customers to observe creator’s feedback. This is why many WordPress websites spotlight their creator’s remark by...

How to Add Categories and Subcategories to WordPress

WordPress comes with the facility to kind your content material into classes, tags, and taxonomies. One of the most important distinction between classes and...

Related Stories

Leave A Reply

Please enter your comment!
Please enter your name here