Theme Font Size

Hi @franklaudo

As far as I’m aware, that would rely on a theme using em font sizes everywhere, then you can use one rule to change the base. If px font sizing is used, that’s absolute and won’t be impacted by the font size base. Unfortunately, Vantage mostly uses px font sizing so there isn’t an easy, global method that I’m aware of to change all font sizes in one CSS rule.

Hi Andrew,

Thanks, changing the text to em’s worked a treat. But one problem I can’t seem to figure out. I tried the same technique with the main menu nav, but can’t get it to work. When I apply em to the pixel size in this tag

.main-navigation ul li {
font-size: 15px;
}
The menu items disappear. Any ideas?

Hey Frank

Please, try adding to your custom CSS:

.main-navigation {
	font-size: 15px;
}

And then add the em font size rule after that.

• This reply was modified 6 years, 8 months ago by Andrew Misplon.

Hi Andrew,
Ok that fixed the disappearing menu items. But menu items are still not changing size. I tried applying the em’s to a few of different tags eg parent div, li tag, a tag, with no success.

Not sure about the plugin and changing sizes globally but if you use:

.main-navigation ul li a {
font-size: 2em;
}

That will change the size of the menu items.