and so on. They are not Elementor-specific, but as general as possible. This is the baseline setting for your sites, that comes into play only as a fallback if no definitions were set.
Global Colors is another style layer that sits on top of the Theme Style. It provides the building blocks for your site design. Use it in the appropriate places, and you will be on your way to have a smart way to manage your colors and build your design system (the same is true for every Global Style feature, including Global Typography).
See more about this topic >
Q: What changed in v3.0 regarding global options for fonts?
In Elementor 3.0 we changed the way globals work. You can now implement global fonts on any text element. This way you know how changes to the global fonts will impact every text element on your site.
Until now, default fonts only included 2 controls (font family and font-weight). Now, all of the typography settings have global controls.
Q: What is DOM?
When a web page is loaded, the browser creates a Document Object Model of the page. This is the DOM. We need it because, without it, the browser won』t know how to organize the page and present it to you.
https://elementor.com/blog/speed-up-elementor/
See more information on this topic >
Q: If you have issues after updating to Elementor 3.0, first go through these steps?
Make sure Elementor Core (Free) & Elementor Pro are both updated to the latest version.Clear cache. See more information on this topic >Clear localStorage.Open the browser』s Console.Select 「Application」 in the console』s top menu.Select 「Local Storage」 in the console』s left menu.Right click your site(s) and click clear to delete the local storage.Regenerate CSS files. Go to Elementor > Tools > Regenerate CSS and click the Regenerate Files button. If the issue still hasn』t resolved, please turn Improved DOM Optimization mode off. Go to Elementor > Settings > Advanced tab > Improved DOM Optimization and set it to 「Disabled」.
Q: Upgraded to v3.0 but now my admin dashboard doesn』t load anymore
Please clear cache and your local storage.
Clear cache. See more information on this topic >Clear localStorage.Open the browser』s Console.Select 「Application」 in the console』s top menu.Select 「Local Storage」 in the console』s left menu.Right click your site(s) and click clear to delete the local storage.
This should clear old settings from loading in your Editor.
Q: I』ve upgraded to v3.0 but now my site has issues
Please follow these steps before you contact support. This way you』ll have a solution faster and our Support Engineers will be able to help others faster.
Q: Is it safe to update?
Yes, Elementor 3.0 is a major version and includes some substantial infrastructure changes. Before you upgrade to v3.0 (Elementor Core v3.0.11 and Elementor Pro v3.0.5), please make sure you backup your site, and if you』re using any 3rd party addon for Elementor, make sure it has compatibility for Elementor 3.0. Check the 3rd party addon』s changelog for any notes that indicate they』ve made it compatible or speak with the addon』s support channel if uncertain.
Q: I can』t update typography/lost my previous typography settings
We added an option to re-migrate Global Colors and Fonts from earlier Elementor versions. To see it go to Elementor > Tools > Version Control > Rerun Update Script, and click Migrate to V3. This button re-migrates the data from the old site – and deletes the new stored values. Please note that this process will revert all changes made to Global Colors and Fonts since upgrading to v3.x.
If you cannot update the typography or lose previous typography settings, please try regenerating the CSS by going to Elementor > Tools > Regenerate CSS.
More useful links:
Introducing Elementor 3.0: Design System Features, New Theme Builder & Significant Performance Improvements
How to Use Elementor Site Settings
How to Use Elementor』s Global Colors and Fonts
Elementor Theme Builder Overview
How to Create a Search Results Page Template with Elementor Theme Builder
How to Create a Single Page Template with Elementor Theme Builder
How to Create a 404 Page Template with Elementor Theme Builder
How to Create a Footer Template with Elementor Theme Builder
How to Create a Single Post Template with Elementor Theme Builder
How to Create a Header Template with Elementor Theme Builder
How to Create a Single Product Template with Elementor Theme Builder
How to Create an Archive Template with Elementor Theme Builder
