Can’t change font size in Astra Starter Template

  • I’m currently in the process of creating a website and I’ve decided to use the Astra Theme and Starter Template to help with this.

    Now the issue I’m having is getting ALL of the body text and footer text to be size 17px across desktop, tablet AND mobile.

    Particularly in mobile.

    I’ve created a child theme and made changes there but nothing has changed.

    I’ve made changes in the Customise section with additional CSS and nothing has changed.

    I contacted my web hosting provider (One.com) to see if there is any script that I need to delete in my control panel and I can’t they said no.

    Below is the CSS that I’m using:

    .elementor-image-box-description {

    font-size: 17px;

    }

    .elementor-icon-list-text

    {font-size: 17px;

    }

    html, body {

    font-size: 17px;overflow-x: hidden;max-width: 100%;margin: 0;padding: 0;border: 0;outline: 0;vertical-align: baseline;position: relative;height: 100%;

    }

    html, footer {

    font-size: 17px;

    }

    With that said, can someone help me with this?

    P.s. Changes need to reflect in Google Chrome

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • Moderator bcworkz

    (@bcworkz)

    At least 

    .elementor-image-box-description {
font-size: 17px;
}

    is being applied as you wanted. I didn’t check further. If that is not what you’re seeing, it’s likely you’re seeing cached content, probably cached by your browser since I’m seeing the desired size. Try clearing your browser’s cache and see if that helps.

    I don’t really know Elementor, but it might have a global body text font-size you could specify somewhere. For Elementor specific questions I recommend asking in their dedicated support forum.

    Thread Starter mwcanhelp

    (@mwcanhelp)

    Hey ! Thank you for replying to my message.

    The changes only appear on the Home and About page, but not on the services page.

    I’ve also tried making these changes directly in Elementor and it still doesn’t work.

    I’ve even tried duplicating the About page and adding some of the elements from the Services page to it (without applying code from the Services page) and it still doesn’t work either ??

    Moderator bcworkz

    (@bcworkz)

    On Services, all the plain text elements are 17px in size in a wide range of viewport widths. If that’s not what you are seeing you likely need to flush your browser’s cache.

    Thread Starter mwcanhelp

    (@mwcanhelp)

    Thanks again for your comment !

    However, I’ve also tried clearing my cache a couple of times of my phone, pressing Ctrl F5, and I’ve just now deleted the cache plugin from the backend of my website and yet there is still no changes on multiple mobile web browsers.

    However, that being said, when I tried inspecting the font over on the services page it said something about unscalable fonts and showed that my request to make it 17px was crossed out???

    Don’t know what that means

    Thread Starter mwcanhelp

    (@mwcanhelp)

    Sorry, I’ve just checked the website using Smart Bear Bit Bar Mobile Testing and it’s also showing me that the text is all the same font size.

    So the issue might just be with my phone. I’m using Oppo 2 lite and never experienced anything quite like this until I purchased this new phone.

    Anywho, thanks again for the feedback.

    Moderator bcworkz

    (@bcworkz)

    “Unscalable fonts” is a good clue to what’s going on! Your font CSS includes font-family: 'Noto Sans',sans-serif;. If a device cannot load the Google font Noto Sans for any reason, it’ll fallback to its sans-serif system font, which could possibly be non-scalable, so the device’s default size ends up being used as well. So the real question is why is it that Noto Sans cannot be loaded from Google? That I cannot answer. Maybe some sort of mobile optimization scheme to avoid transferring additional font data?

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Can’t change font size in Astra Starter Template’ is closed to new replies.