em units for font sizes don’t work

  • Resolved lucie136

    (@lucie136)


    2 years, 5 months ago

    Hello,

    I’ve been trying to use em units for my font sizes but they don’t work. Whenever I change the window’s size, all of my texts keep the same size.

    I’ve noticed that the html tag had “font-size:100%” and the body tag had “font-size: 16px”. It seems impossible to set a font size in anything else that pixels for the body in the customizer. Do you think this could be related? Would you have any fix for this?

    I would give a link to help, sadly I’m developing this website locally.

    Thank you.

    Lucie.

Viewing 1 replies (of 1 total)
  • Mat

    (@mateithemeisle)

    Hello @lucie136 ,

    Thank you for using Neve and for reaching out!

    You are right. In the Customizer there is no option to choose em units as font-size units, however, you can influence them in the page editor or with the help of a few CSS lines.

    In the page Editor, you will be able to customize the unit for all blocks if the said block has that particular feature. For example, you can use em units for the Heading Block. (screenshot).

    However, if you have already built your website and you want to affect everything at once, it would be faster with CSS. That being said, if you want all paragraphs to be in em units, you can go to Customizer > Additional CSS and paste the below code:

    p {
font-size: 2em !important;
}

    You can apply the same idea to headers, links, and everything else you need to change.

    Thank you and please let us know if you have further questions!

Viewing 1 replies (of 1 total)
  • The topic ‘em units for font sizes don’t work’ is closed to new replies.