Font Size in Minieleven Theme

Hi there,

Were you wanting the font to reflect more of what you see in the desktop browser? Colormag is a responsive theme, so you can disable the Jetpack Mobile Theme and get a better, more customizable result on your mobile screen.

To disable the Jetpack Mobile theme, go to Jetpack -> Settings -> Writing tab and scroll down to the Theme Enhancements section in your Dashboard. You’ll see the option to “Disable the Jetpack Mobile theme”. Go ahead disable it and let me know what you think.

Thanks!

Hello!

I do not want to disable the Jetpack mobile theme because it works very well for my purpose.

I just need to increase the font size of the mobile theme text.

I believe it can be done with CSS, but I do not know where to start.

I figured out the issue. There is currently a conflict between Jetpack’s Custom CSS module and the current version of WordPress which prevents any custom CSS you add to not appear on the mobile theme.

We’re in the process of trying to get this fixed in a future release.

Until this gets fixed, a quick fix is to install this little plugin on your site to that allows you to add CSS:
https://github.com/jeherve/jetpack-addons/archive/mobile-custom-css.zip

You can follow our progress here:
https://github.com/Automattic/jetpack/issues/5815

As far as the actual CSS, do you already have that? You’d use the .mobile-theme class to target only the mobile theme. Where in particular were you wanting the font size changed?

As far as the actual CSS, do you already have that? You’d use the .mobile-theme class to target only the mobile theme. Where in particular were you wanting the font size changed?

I need to increase the font size of the content only. is quite small.

Sure, in the Mobile Custom CSS plugin, add this and adjust as desired:

.mobile-theme .entry-content {
    font-size: 2em;
}

Hey! Thanks!

Work for me!