1. PROMO Upgrade to Pro Membership @ $99 / Lifetime & access all our 16+ premium Divi extensions: Divi Block, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

body text font size not changing

Discussion in 'Free Divi Community Forum' started by maxmadeseo, Mar 1, 2021.

  1. maxmadeseo

    maxmadeseo New Member

    I have changed in the theme customizer the body text to 20px and it shows while I am in the editor that the text is 20 px. However when I go to the live site the text is back to the original size of 14px. I have cleared the cache so I am not sure why the text size isn't changing. Any ideas how I can fix this?
     

    Attached Files:

    1. PRO MEMBER PERKS Divi Block Pro - Premade logo carousel design for your Divi site without using any plugins:View Demo
  2. Harriet

    Harriet Member

    Hmm I am no expert here, and I'm only trying to help because somebody answered my question and I want to pay back the favor.
    However, few thoughts:

    1. Any "local settings" in the Text Module, will override the settings in the theme customizer. So if you go into your text module (click on the gear) and look at your Design settings for Paragraph, make sure it is set to default size. You could experiment with the font size settings and make sure your live webpage is reflecting those.

    2. Maybe your browser has some setting that's making it display text smaller? We can increase/decrease size in our browsers using keyboard commands such as CTRL+minus sign. But then, all website text should look kind of small to you...so it probably isn't that.

    3. If you're familiar with code, you can use the Inspect function of your browser to see what's going on (like, is font size set to 20px and then some CSS is overriding that, and where that's coming from)

    Sorry if that's not helpful. I'm more of a designer than a developer.
     
  3. I agree with Harriet above. Plus this:

    I noticed that there are some issues in the latest version (not accepting defined font sizes, blurb border colors, etc.). This seems to be consistent with what I've seen. You should contact Divi support to let them know this is still an issue. The more people they have letting them know, the more data they have, and the more likely to get a speedy solution.

    In the meantime, try clearing your cache (ctrl-r, cmd-r, or F5 depending on browser or OS) In Chrome you will want to clear the cache manually by going into settings.

    If that doesn't change things, you can manually set the font size in the custom css in the main element area of the module using

    font-size: 20px;

    If that doesn't work try:

    font-size: 40px !important;
     
    1. PRO MEMBER PERKS Divi Ultimate Footer Plugin - Custom global Divi footer (20 premade styles) + Revealing footer effect:Learn More
  4. Eliot

    Eliot New Member

    If I had the same issue as you then I fixed it - under the "content" section click on "clear formatting" (icon: Tx) then I was able to change the font size

    Hope it helps!
     
  5. Sha On

    Sha On Divi Expert

    Good Day,

    First, make sure that you have not used divi builder to customize it. if you customize it with divi builder, you can directly go there and change the settings.

    second, go for inspect element. (If possible share the url). If you can find out the class, you may use it in additional CSS as-

    .classname (use exact class you have selected from inspect element){

    font-size:20px;
    }


    If it still does not work you can use this as -

    .classname (use exact class you have selected from inspect element){

    font-size:20px !important;
    }

    Regards.
     
    1. PRO MEMBER PERKS Divi Block Pro - Powerful Divi header builder for you to mix & match premade header design, mobile menu & more:Learn More
  6. Diana Erwin

    Diana Erwin New Member

    I also had this issue and then it came to me. I had copied and pasted the text from an email I received from my customer. I took the text back to my outlook email, pasted it into a new message and switched the type to plain text (3 dots at the top) which cleared all the formatting. I then copied and pasted that onto the website and the problem was solved. Hope that helps.