Hi @derlehre,
The reason the font plugin’s “Force Styles” does not apply on the Account page is that, like the Learn page, it is built with React JS. React dynamically renders content, so CSS from third-party plugins may not automatically apply to these elements. This is why your font appears on other pages but not on React-based pages.
You can fix this by adding the following custom CSS to specifically target the Account page elements:
div#masteriyo-account-page p,
div#masteriyo-account-page a,
div#masteriyo-account-page h2,
div#masteriyo-account-page h3,
div#masteriyo-account-page h4,
div#masteriyo-account-page h5,
div#masteriyo-account-page span,
div#masteriyo-account-page p span,
div#masteriyo-account-page button.chakra-button {
font-family: 'BioRhyme' !important;
}
This will ensure your chosen font is applied correctly across the Account page. You can replace ‘BioRhyme‘ with any font family you prefer.
Best Regards!
Dear @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,