Change CSS for Post Comment Section

[razormicro]

I need to please change some of the CSS just for the Blog Post Comment section without affecting the rest of the content areas.

The header “Leave A Reply” need to please reduce the font size.

The header “Comment” need to please reduce the font size.

The Submit Button - change the text color as well as the hover state color.

Thank you

[jade]

Hello @razormicro,

You can do all these by writing some CSS code that would target those text:

/* Text size of the Leave a reply */
.comment-reply-title {

}

.h-comments-title span {

}

Then you can make use of the font-size css attribute in the code above.

https://www.w3schools.com/cssref/pr_font_font-size.asp

As for the button, please go to X > Theme Options > Buttons and set the colors from there.

Hope this helps.

[razormicro]

Thank you

For the Leave A Reply header, I realized I needed to also use the CSS !important declaration for example:
.comment-reply-title {
font-size: 1.5em !Important;
}

For the Comment header I used the following with the Pro Theme >> Integrity layout which worked:
.comment-form-comment {
font-size: 0.7em;
}

Button edit worked great thanks.

[friech]

You’re more than welcome, glad we could help.

Cheers!