Font colors for comments

Hey! How to I change the colors of the heading and text in the comments section?

Hi Morr,

Thank you for reaching out to us. You can change the Heading colors via Theme Options > Typography > Headings. Please note that this is a global setting, this will change the color of all the headings used in your site including the headings of your comments section.

Similarly you can change the font color of the text in the comments section via Theme Options > Typography > Body and Content > Body Font Color.

Hope this helps!

Hey! But I don’t wanna change it for the whole website, just for the comments section.

Hi Morr,

You can change the color of heading and text in the comments section by writing a small piece of CSS Code.
You need to copy the code and paste it into your GLOBAL CSS.

.comment-form-author label, .comment-form-email label, .comment-form-url label, .comment-form-rating label, .comment-form-comment label, .widget_calendar #wp-calendar th, .p-landmark-sub strong, .widget_tag_cloud .tagcloud a:hover, .widget_tag_cloud .tagcloud a:active, .entry-footer a:hover, .entry-footer a:active, .x-breadcrumbs .current, .x-comment-author, .x-comment-author a
{
    color: rgb(172, 58, 58);
}

Remember that the above code will work if copied as it is and don’t conflict with any existing style.
To get more help on that please go through resource.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle. We do not provide support for custom codes that means we can’t fix it in case it conflicts with something in your site nor will we enhance it.

Hope it helps.

Thanks

Thanks, that got some of the text parts, but some are still unaffected.

Hello Morr,

Are you referring to the comment notes? Please have the code update and use this:

.comment-notes, .comment-form-author label, .comment-form-email label, .comment-form-url label, .comment-form-rating label, .comment-form-comment label, .widget_calendar #wp-calendar th, .p-landmark-sub strong, .widget_tag_cloud .tagcloud a:hover, .widget_tag_cloud .tagcloud a:active, .entry-footer a:hover, .entry-footer a:active, .x-breadcrumbs .current, .x-comment-author, .x-comment-author a
{
    color: rgb(172, 58, 58);
}

We would love to know if this has worked for you. Thank you.

Ok, now just one part left that still isn’t affected: (“save my name…”)

Hi @morrmeroz,

Please have the code update and use this:

.comment-form-cookies-consent label, .comment-notes, .comment-form-author label, .comment-form-email label, .comment-form-url label, .comment-form-rating label, .comment-form-comment label, .widget_calendar #wp-calendar th, .p-landmark-sub strong, .widget_tag_cloud .tagcloud a:hover, .widget_tag_cloud .tagcloud a:active, .entry-footer a:hover, .entry-footer a:active, .x-breadcrumbs .current, .x-comment-author, .x-comment-author a {
     color: rgb(172, 58, 58);
} 

We would love to know if this has worked for you. Thank you.

That worked! Thanks (:

You’re welcome!
It’s good to know that it has worked for you.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.