Font sizes and classic editor

  • Resolved derlehre

    (@derlehre)


    1 month, 2 weeks ago

    Hello dear Masteriyo

    I uploaded my font using Fontsplugin https://de.ww.wp.xz.cn/plugins/olympus-google-fonts/ and i selected the fomts in the custimize of elearning theme. There are some parts that are not showing the fonts i uploaded. Some parts of The account page and some parts of the learn page

    and also some texts are small such as the button of registration in the login page amd some other texts in the learning page such as Overview and also the text in the text lesson is small. I don’t know how to resize and make them bigger

    and also innthe classic editor there is no option that shows the fonts i uploaded to use them in the text i write for text lessons and posts

    the css codes provided previously are not applying well with the latest update.

    could you please tell me how to do it?

    thanks

    • This topic was modified 1 month, 2 weeks ago by derlehre.
Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Amrit Kumar Shrestha

    (@shresthauzwal)

    1 month, 2 weeks ago

    Hi @derlehre,

    The issue you’re seeing happens because Masteriyo is built with React JS and Chakra UI, which dynamically generate CSS classes. This means fonts uploaded via third-party plugins, like Olympus Google Fonts, do not automatically apply to certain parts of the site, such as the Account page, Learn page, and text lessons.

    Similarly, text sizes (for example, buttons on the login/registration page, Overview headings, or lesson text) may appear small because the plugin controls them with dynamic classes. Classic CSS or the WordPress editor may not affect them directly.

    How to fix / next steps

    1. Custom CSS is needed to apply your font and adjust text sizes consistently.
    2. To provide an accurate solution, please share a link to a free or test lesson on your site. This helps us see the exact classes used and write CSS that works with your current setup.
    3. Once we have the link, we can provide a ready-to-use CSS snippet that applies your chosen font and adjusts text sizes on all Masteriyo pages.

    This is the most reliable approach because React and Chakra dynamically generate classes, so generic CSS from font plugins or older snippets may no longer work.

    Could you please share a link to a test lesson or course so we can create the custom CSS for you?

    Plugin Support Amrit Kumar Shrestha

    (@shresthauzwal)

    1 month, 1 week ago

    Hi @derlehre ,

    Since we haven’t heard back from you, we’ll close this topic for now as we believe the issue has been resolved.

    If you still need any help or would like to share an update, please feel free to reopen the topic at any time. We’ll be glad to assist you. 😊

    Best regards,

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

You must be logged in to reply to this topic.