Theme Font Size

  • Resolved franklaudo

    (@franklaudo)


    6 years, 1 month ago

    Hi,

    I’m using an accessibility plugin to control font-size on this site. It is not working. Basically the plugin adds a internal style in the body tag that changes the font size, by it increasing and decreasing. eg 120%, 80%. The vantage theme has settings set for the font-size. I’ve tried to disable this in CSS with no success. Can anyone please help with this. Thanks

    Reagrds
    Frank

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Andrew Misplon

    (@misplon)

    6 years, 1 month ago

    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.

    Thread Starter franklaudo

    (@franklaudo)

    6 years, 1 month ago

    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?

    Andrew Misplon

    (@misplon)

    6 years, 1 month ago

    Hey Frank

    Please, try adding to your custom CSS:

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

    And then add the em font size rule after that.

    Thread Starter franklaudo

    (@franklaudo)

    6 years, 1 month ago

    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.

    Andrew Misplon

    (@misplon)

    6 years, 1 month ago

    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.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Theme Font Size’ is closed to new replies.

Tags