Can't change the font size of base content on Cover page

The screenshot:

Hi Joe,

To have a better understanding of the issue, may you kindly provide the link to the site in question?

You may use the private information field for this: https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

Hope to hear from you soon.

Please see the screeshot.

I tried testing your site on Lighthouse and there’s no indication of these issues on the test.

I tested your site on https://search.google.com/test/mobile-friendly and it seems there are files that aren’t being loaded. Can you check if your resources are not disallowed in your robots.txt file?

For more information, please view this article: https://docs.generatepress.com/article/text-too-small-to-read-and-clickable-elements-too-close-together/

I need to verify the issues from the search console. So Let's go back to the issue of changing the font size. Is there a way to change the font size of the base content on the Cover page?

Well, you can change the base font size of your entire site through the Typography module. Add a new typography and set the target element to Body.

If you want just one specific page, we can also do that by targeting the specific page ID. Can you provide the link to the specific page if this is what you prefer?

My site uses the blog page as the homepage. I have used the Typography module to change the font size and the font size is still the same. Please see the page link in the information area. thanks!

What size did you set it? It’s currently set to 18px from my end. Can you try increasing it, and I’ll see if it will reflect?

I have set the font size from 18px to 20px. Please see the screenshot for the difference of font size in the different pages.

It seems to be working. I can see the change reflect from my end on both the blog page and the article pages.

However, the blog text, for instance the entry content, is a bit smaller because of a CSS code in your Additional CSS:

.generate-columns-container article .inside-article .entry-summary {
    margin-top: 0.5em;
    font-size: 0.8em;
}

Specifically, the font-size rule is causing it.

Try removing the font-size parameter so that it follows the actual body size you set.

I modify the CSS setting and it works now! Thanks a lot for your help.

You’re welcome Joe!