Roboto font FIRMED in Elemental files
-
I had to FORCE CSS the body font as “Open Sans” as “Roboto” is embedded into all Elemental files and they are not using the global setting for body text which is “Open Sans” in the theme options.
Can anyone explain why this happens?The page I need help with: [log in to see the link]
-
Hello @lukedouglas!
Thank you for contacting us.I was reading your previous conversation, and I understand it.
In this case, I was looking at your site and could notice the problem you mentioned.
However, the site parts where you can’t see the Roboto font you set on Elementor were not built with Elementor. So it’s expected that you can’t see these styles like you set it with Elementor.
These parts seem to take styles from your currently active theme, “pleasant”. Unfortunately, we cannot provide support or control of third-party plugins. So please try contacting the author of the theme for extra guidance.I hope this can help you.
Regards,You missed the point completely. I did have posts / pages built with Elementor and some of the text was set to ‘Roboto’. I had to put in a CSS for the entire BODY class to force ‘Open Sans’. I downloaded the Elementor plugin, used AstroGrep to check for ‘Roboto’ and it is used extensively in your plugin. My concern was that ‘Open Sans’ was set in the theme. I could not fathom how Elementor ignored global settings. This was NOT on the theme, it was on the Elementor plugin.
Fortunately, I have just a few pages on websites where I need Elementor as it is not 100% stable.Hi there,
It seems like you’re encountering a situation where the Elementor or its associated files are enforcing a specific font (“Roboto”) throughout your website, overriding the global font setting (“Open Sans”) defined in your theme options.This can happen due to several reasons:
- CSS Specificity: The CSS rules applied by Elementor might have higher specificity than the global theme settings. If Elementor’s CSS rules for font styling are more specific or come later in the cascade, they will take precedence over the theme’s settings.
- Theme-Elementor Conflict: There could be a conflict between the styling applied by your theme and the styling applied by Elementor. If both are trying to set the font for the same elements, the one with higher priority or specificity will be applied.
To address this issue, you’ve applied custom CSS to force the body font to “Open Sans”, bypassing the default font enforced by Elementor.
To prevent such conflicts in the future, you might consider:
- CSS Inspection: Use browser developer tools to inspect the CSS applied by Elementor and identify the specific rules responsible for the font styling. This can help you understand why “Roboto” is being applied and how to override it effectively.
- Theme and Plugin Compatibility: Ensure that your theme and Elementor are compatible with each other. Sometimes, conflicts arise due to outdated versions or incompatible code
Hope this will help you
I’m well versed in CSS Specificity after 22+ years in website design. What I couldn’t understand is why Elementor does not honor global settings of the active theme.
HI there,
It’s indeed a valid concern that Elementor doesn’t always fully adhere to global settings established by the active WordPress theme. While Elementor aims to provide extensive customization options for users, it sometimes prioritizes its own settings over those of the theme.
There could be several reasons for this behavior:
- Plugin Prioritization: Elementor is a powerful plugin designed to give users full control over the design and layout of their pages. As such, it may prioritize its own settings to ensure consistency within the content created using the plugin.
- Technical Limitations: Elementor operates within the WordPress environment but has its own system for managing content and styles. Due to technical differences between how themes and plugins handle styling, conflicts can arise where Elementor’s settings override those of the theme.
- User Flexibility: Elementor aims to provide users with maximum flexibility in design choices. While this can lead to conflicts with theme settings, it also allows users to achieve highly customized layouts and styles.
?If you require a more detailed technical approach to this issue, have to be directed to our GitHub project, where our developers will be able to assist. Kindly note that our GitHub project is not a support channel; therefore, the response times may vary. We appreciate your understanding.
To post on our GitHub Repository, follow this guide: Contribution Guidelines.
I hope this helps. If I missed something, please reply if you have any further questions regarding this ticket and Elementor. I’d request that you open a new ticket for any other issue; this will allow us to give you more accurate support.
Don’t get me wrong. I like the functionalities that Elementor provides website developers. My concerns is simple things like this as Elementor is not rock solid. Just last night when I went into Elementor to change a piece of content for the home page on another site, the Elementor editor page was rubbish. Things were missing, and things were mis formatted. I exited without saving but when I went to the home page, it was trashed. I had to totally restore the website to a previous backup. Everyone, BACKUPS ARE A NECESSITY! This was the most recent version of Elementor as I had updated the plugins prior to making edits. So over the past few months I have been reverting post/pages on my clients websites back to the default WordPress editor for pages I could get along without Elementor.
Hello Luke,
I hope this message finds you well. It’s with regret that I learn the guidance provided by my colleagues did not meet your needs. Please know that your feedback is invaluable to us, and I extend my sincere gratitude for taking the time to share your experience. It’s essential to acknowledge that while we deeply value and respect your insights, our priority is to thoroughly address your concerns.
Upon reviewing your website, I’ve noticed that the issue seems to stem from custom CSS within your theme. I’d like to bring to your attention a feature in Elementor that allows you to disable the default fonts and colors. This might not have been highlighted by my colleagues previously, so I’m taking the initiative to introduce this solution to you.
For detailed guidance, please refer to this document: Disable Elementor’s Default Fonts and Colors.
Rest assured, we are committed to assisting you further. Should you have any more questions or require additional support, feel free to respond to this thread. I am here to ensure we diligently work towards resolving any lingering issues.
Once again, thank you for your invaluable feedback. Your input is crucial in helping us enhance our services and better serve you.
I eagerly await your response and am hopeful for the opportunity to assist you further.
Kind regards
Hello.
We are closing this thread due to inactivity. If you need further assistance, please feel free to open a new one.
Kind Regards.
- The topic ‘Roboto font FIRMED in Elemental files’ is closed to new replies.