Elementor Pro 2.9 has just been released in its beta stage to enable you to be able to examine it and report any bugs to Elementor via their Github Page so they can make sure all issues are fixed before release.
Notice: With any Beta its important to make sure you only to test on a staging site.
Elementor Pro v2.9 adds more awe-inspiring global settings to your toolkit allowing you to create more advanced sites, in less time.
Main New features:
- Full Site Editing – Design any part of your site all from one screen, header to footer.
- Dynamic Colors – Embed dynamic colour values globally in widgets that have colour fields.
- Global Custom CSS – Add custom CSS rules that apply to your entire site.
- Semantic HTML Tags – Assign HTML tags to your site parts
Full Site Editing: Change the header and footer, and more in one place!
Let’s say you were working on a page in Elementor, and you looked at the header and you spotted something that needed editing, you would need to leave that page to go and edit that template.
Not anymore, since Elementor Pro 2.9 you can now edit the footer or header without having to leave the page, It will save you time, effort, and a lot of redundant clicks.
Templates you can edit are:
- Header Template
- Footer Template
- Single Post Template
- Single Page Template
- and More
How It Works
While editing a page or post, hover over the area you wish to edit, click on the orange edit handle to edit that part of the site and you will now be able to edit that template without leaving the current page.
Once you are done editing a certain template area simply save you changes and click the yellow tab to change back to the page or post you were editing.
Dynamic Colour Support: Control colours with a custom field
If you are like me and love using ACF to extend elementor with dynamic content to create custom post types for things like; directory’s, Catalogs, Recipes, Product Reviews, Portfolio Pages, Real Estate listings and more
Up until now, you haven’t been able to to use dynamic colours in your layouts as you were restricted to text and number inputs however with the new ‘Dynamic Color’ option, you can embed dynamic colour values in any widget that has a colour field.
The new Color Dynamic control supports ACF color fields as well as Custom field keys.
How It Works
- Use ACF to add a custom field to a page, post or even an options page.
- When editing a page post or template Next to each colour fields you will now see a dynamic option to grab that colour from a field you have made.
Global Custom CSS: Globally control your CSS
One of the most requested features on GitHub was the ability to set Custom CSS globally now with Elementor Pro v2.9 you can add custom CSS rules which will apply to your entire site.
How It Works
Simply enter the Theme Style menu and open the Custom CSS section and add your custom CSS.
Semantic HTML Tags: Assign HTML Tags to your Site Sections.
Since Elementor pro 2.9 you can now set HTML tags per theme section by assigning your entire header with <header> tag, your entire content area with <main> tag and your footer with <footer> tag.
By assigning a relevant HTML tag for each theme element, you improve accessibility and HTML semantics and improve your on-page SEO.
