• Hi,

    I am a great fan of OceanWP and use it on 40+ websites. However, on the current website I am working on, I need to embed some Javascript from the Quality Care Commission. In the embedded Javascript the font size is reduced by 62% and I have no idea why. I have tried other themes and the font size of my embed is correct at 15px, but with OceanWP the font size is 9.375px. Any idea why, and how can I fix it?

    All the best, Mike.

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Hello @mikepalmer,

    Thank you for your kind words and for using OceanWP,
    We truly appreciate your support.

    The font size difference you’re seeing may be due to how the embedded JavaScript applies styles relative to the site’s base font settings. Some scripts use rem or em units, which can cause variations across themes. In this case, you can adjust the font size of the embedded content by adding this CSS under Customizing > Custom CSS/JS > CSS Code:

    .cqc-widget,
    #wrap .cqc-widget .cqc-widget-inner,
    #wrap .cqc-widget div.cqc-widget-inner div {
        font-size: 16px !important;
    }

    Please read this link for more information about the CSS/JS code on the customizer: https://docs.oceanwp.org/article/354-add-custom-css-and-js-to-your-website.

    Note: If you have any cache plugin or server cache(CDN / Browser Cache and Cookies and …), you need to clear its cache contents or disable them to see your changes. Also, remember to click on the regenerate all assets file and data in Elementor > Tools(if you have Elementor).

    Please recheck your issue and keep us posted.

    I hope it helps,
    Best Regards

    Thread Starter mikepalmer

    (@mikepalmer)

    That’s great. Many thanks!

    You’re most welcome.
    I’m glad that the solution was helpful.

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

The topic ‘Reduced Font Size in Javascript’ is closed to new replies.