How to re-style comments box on blog posts?

[Donna Green]

Hi there, please may I have some help with restyling my blog post comments area?

I’d like to change “Leave a Reply” from <h3> to a smaller size heading, and I’d also like to change the wording.

I’d like the “post comment” button NOT to stretch across the width of the whole comments box, but rather just be the right size for the actual text in it.

Finally, I’d like the checkbox and “Notify me of new posts by email” wording to be aligned properly horizontally, and I’d like to be able to change the wording.

Many thanks for any help you can give me!

Donna

[Sushil Adhikari]

Hi Donna,

To change text of comments you need to do some tweak on comment_form hook: Here is the details https://codex.wordpress.org/Function_Reference/comment_form.

Regarding to reducing submit bottom size and inlining checkbox and label you can take help of following.

.comment-form input.submit.btn.green.form-control {
    width: 20%;
}

.comment-form input#subscribe_blog {
    display: inline-block;
}

Note: Please use child theme to customize parent theme otherwise your changes will lost on theme update. More over you need to be technically sound on WordPress to use comment_form hook otherwise you may face some php fatal error. So we recommend you to take help from a developer.

Thanks

[Donna Green]

This works perfectly Sushil! Thank you very much for your help, that’s great.

Donna 🙂

[Sushil Adhikari]

Great Donna!
let us know if you have further queries.

Thanks!

[Author]

Posts