Cannot change font size in content

Support
#1

Appearance - Customize - Typography

I can’t change the size of the font in the content. I can change the weight but not the size. Changing any of these numbers does nothing.

#2

Hi There,

Thank you for writing in! You have two blocks of CSS code that is overwriting the Theme Options settings.

This one is on Customizer > Additional CSS

p {
font-size:16px
}

And this line, it seems it 's coming from a 3rd party plugin (Easy Google Fonts?).

<style id="tt-easy-google-font-styles" type="text/css">p { font-size: 16px; }

Try to deactivate that plugin and remove that custom CSS above.

Hope it helps,
Cheers!

#3

Thanks, although that makes the comment font large as well. How do I separate them?

Also, what does Font Size (sm), Font SIze (xs), etc. mean? Do they apply to different areas in the content?

#4

Hi There,

You can update the comment’s font size by adding this css to Theme Options > CSS

#comments p {
    font-size: 14px;
}

It means that the font size will change depending on the width of the screen or what device is being used to view the site. xs (phones), sm (tablets), md (desktops), and lg (larger desktops)

Hope this helps.

Thanks

#5

Thank you,

We’re almost there. How do I change the font size of people’s names in the comments?

#6

Hello There,

To avoid further confusion and complication, please do not forget to set the font size for the Body and Content of the page.

Please insert 14 px or it will display null which will affect other body elements and you’ll end up with a bunch of css.

Please let us know how it goes.

#7

That made the font HUGE.

#8

Sorry, the value of that option is REM which is a portion of the Root Font Size which you set at X > Launch > Options > Typography so maybe 1 or 0.8 or 1.2 test them to see which one will be suitable for your case,

For more information about REM value:

Thank you.

#9

It was already set to 1.

I wanted to know how to change the font size of people’s names in the comments. As of now, they are very large.

#10

Hi there,

To change specifically the author name of the comments section you can add the CSS code below to X > Launch > Options > CSS:

.x-comment-author a {
    font-size: 25px;
}

Feel free to change the 25px to whatever size you like.

Thank you.

#11

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