All fonts became small!

  • My site is https://www.nool.us
    My theme is Headway 2.0.15

    I was working on an internal page in the visual editor and when I published, all of the fonts on all pages of my site became about 6pts (way too small).

    I have tried editing elements in “styles and design” in the visual editor. The changes show up until I click “publish”. I tried editing my css, although I may not know how to do this correctly (I have little css experience).

    Detailed replies with suggestions for me would be greatly appreciated!!!

Viewing 3 replies - 1 through 3 (of 3 total)

  • What changes did you make to your CSS? Are you editing the theme files directly? You should know that making changes to the theme files are not recommended. If you ever have to update the theme because of feature enhancements, bug fixes, or security patches, or if the theme has to be updated because of a change to the WordPress core, then your changes will be lost. It looks like the theme has a custom CSS option, so you should be adding any overriding or new CSS that way.

    In this rule, I see something which I believe is causing most of the small font size problems:

    body {
   font-family:;
   font-size: 62.5%;
   margin: 0;
}

    One problem is that the font-family property is missing a value. That’s not causing the small font size, though. It is the second property, font-size of 62.5%. You normally don’t see font sizes expressed as percentages. I would remove that property altogether, or else set it to something like 15px.

    Thread Starter m.sundermeier

    (@msundermeier)

    Thank you so much, CrouchingBruin. I just added the body tag to the bottom of my custom.css (with font size at 100%) and it fixed it. There was not another body tag in my css.

    One other problem still persists. When I hover over a navigation item to see sub items, what used to be a white background is now transparent. How do I fix this? Again, the visual editor does nothing.

    Looks like you got it solved.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘All fonts became small!’ is closed to new replies.