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 record screen on Mac running macOS Big Sur, Catalina and Mojave

Have you ever wondered how to record a screen on your Mac? Well, whether you want to record a video clip, document...

How to set Screen Time on Mac

Screen Time is a useful productivity tool that aims at controlling the time spent on your device. It mainly addresses the negative...

How to fix DNS server not responding on Windows

DNS servers play a crucial role in accessing any websites on the internet. You need to first access DNS server whenever you want...

The 4 Most Secure Phones for Privacy That You Can Buy

Before starting the article we would like to make it clear that no phone is 100% secure. But there are few companies...

The 10 Best Google Keep Extensions For Chrome And Firefox

Google Keep is an amazing service of Google that help you in making notes. It makes our daily life easy with its...

Related Stories

Leave A Reply

Please enter your comment!
Please enter your name here