How to Highlight Author’s Comments in WordPress

Like Tweet Pin it Share Share Email

On most websites, it is vitally laborious for customers to trace writer’s feedback. For this reason many WordPress websites spotlight their writer’s remark by making it a special background shade, including a picture, and so on. If you wish to learn to spotlight writer’s feedback in WordPress, then you’ve gotten come to the correct place. On this article, we are going to present you the simplest and easiest method to spotlight writer’s feedback in WordPress.

Video Tutorial

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

WordPress by default generates a variety of CSS lessons which makes it simpler for designers and customers to alter the types (WordPress CSS Cheat Sheet). Amongst these default lessons that WordPress has added, a type of are particularly focused for styling writer’s feedback.

The category is known as .bypostauthor which will be discovered within the .commentlist ingredient. All it’s important to do is add your customized types through the use of CSS. For instance, you’ll be able to add your individual background, your individual picture, and so on. Observe: this code shall be present in your fashion.css file positioned in your theme’s folder.

.commentlist .bypostauthor 
.commentlist li ul.kids li.bypostauthor 

This doesn’t should be tremendous advanced. Typically it’s a moderately easy distinction that highlights writer remark. For instance, Chris Coyier has a border-top with a yellow/orange shade that makes his remark stand out.

Highlight Author Chris

To get one thing like Chris, all it’s important to do is add this worth in these lessons:

.commentlist .bypostauthor border-top: 10px strong #e18728;
.commentlist li ul.kids li.bypostauthor border-top: 10px strong #e18728;

Observe: we strongly advocate that you just change the colour to match your shade scheme :)

One other instance could be Matt Cutt’s website. He highlights his remark by including a light-weight background to his remark whereas all different feedback have a white background.

Highlight Author Matt

You are able to do this by including one thing like this in your fashion.css file:

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

Once more, we strongly advocate that you just change the colour to match your website’s shade scheme.

We hope that you just discover out tutorial on tips on how to spotlight writer’s remark in WordPress to be useful. The examples above are quite simple, however you’ll be able to go completely loopy and add background photos, and so on. Tell us if in case you have any questions.

Comments (0)

Leave a Reply

Your email address will not be published. Required fields are marked *