Adjust font in Comments section and Footer

Hi. I just changed my font settings on the Customizer and suddenly everything looks okay except for the Comments and Footer section where the font size is now really tiny.

How do I adjust this?

Hi There,

Thanks for writing in! Could you please provide us with example URL to your page, so that we can assist you with a possible workaround.

Thanks!

Hi. It’s juanajaafar.net.

Hi There,

Thanks for the URL!

I can see you are using a third party plugins for the comment. The font size and other settings are coming from the plugin stylesheet.

Please use this css to overwrite the css.
Add this to Global css.

#respond form * {
 font-size: 16px !important;
}

You can adjust the font size as per your requirement.

Hope this helps.

Can you please send us your login details so that we can check.
Please provide following information:
Set it as Secure Note

  • WordPress Admin username / password

All the best!

I’ve just sent you a secure note.

Hi There,

I after investigate your site I can see the comment form is loading inside a Iframe, I cant be customize through external CSS.
You have to change the stylesheet from the Plugin css code. we are really sorry but this is something out of our theme support scope. As you are using a third party plugin which is not in out support scope.

Thanks for understanding.

Hi. I don’t think I’m following. I just checked my plugins and I don’t see any that controls the Comments section. Where can I get support for this then?

Hi there,

Sorry for the inconvenience, it seems that we did not see the exact section you are talking about. I checked your website and went to this URL:

http://www.juanajaafar.net/2017/03/perempuan-politik-dan-pilihanraya/

At the bottom of the page, I see the section related to comments. You can make the title smaller by adding the CSS code below to X > Launch > Options > CSS:

.h-comments-title {
    font-size: 20px;
}

#reply-title {
    font-size: 20px;
}

Thank you.

Hey there. This works for the title “Comments” but not the text of the comment itself. I’d like the comments to be the same font size as the text in the blog post itself.

Hi There,

Please also add this custom CSS:

section.x-comment-content {font-size: 1.3rem;}

Hope it helps :slight_smile:

It works! Yay, thanx!

1 Like

You’re most welcome.

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