How To Increase Font Size in X Theme Footer?

Support
#1

Hello,

I’m starting to get ‘Text Too Small To Read’ Mobile Usability Errors on my X Theme based site.

At first just one static page had the issue, and so I increased the text size of the body related material using the Corrnerstone page builder. This didn’t seem to fix the issue as Google said the problem wasn’t fixed on resubmitting the page on the console.

Now a couple blog posts are flagged for having the same ‘Text Too Small To Read’ error. I went ahead and increased my root font size to 16px (from 14px). But I’m guessing the problem is actually with the footer, as when I do a right-click inspect element on this footer text, it registers a pixel size of 11 on the computed styles.

Is there a way to increase the font size of the footer body material and menu?

FYI, I’ve never done any CSS editing or code insertion before, so if that’s required to fix this, please walk me through it.

Thanks,
Andrew Fez

PS the site in question is this: https://camphikelivecalifornia.com/

#2

Hey Andrew,

There is no option to change the footer text size in X so the only solution is overriding the text using CSS. The code to be added in Theme Options > CSS is the below:

.x-colophon.bottom {
    font-size: 16px;
}

Please note though that all codes you see here in the forum serve only as a guide. We do not provide custom codes as part of our theme support so it’s highly recommended that if you want to change areas of the theme that have no options, you learn CSS and how to use the browser tools to aid you in coding.

For the header menu text, there is a Font Size option. You can learn more about that here: https://theme.co/docs/header

For everything else, check out the Typography documentation here: https://theme.co/docs/typography

Thanks.

#3

Okay thanks Christian! That did make the font larger at the footer. I’ll try resubmitting in my Google Search Console and see if that makes it more mobile friendly.

If not I’ll try the header next per your link. I’ve already made everything 16px in the typography.

See ya,
Andrew Fez

#4

Hi Andrew,

Thanks for letting us know.

#5

No problem! I just want to report that this code did fix the issue. All my ‘Text Too Small To Read’ errors on Google Search Console have been resolved. I appreciate the support!

Andrew Fez

#6

Hi Andrew,

Thank you for your appreciation.

#7

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