Elementor Introduces New Editor V4 Variables & Filters

Elementor has just released version 3.31 of its website builder for WordPress, which supercharges Editor V4 Alpha by providing professional tools for creating scalable, maintainable and visually impressive WordPress sites. Say hello to colour and font variables, filters, backdrop filters and attributes!

New Features

Let’s take a look at the new features in Elementor 3.31:

• Scale Design System by Using Variables:
  Once defined, you can reuse colour and font variables across elements, classes and pages. You can easily update your entire site in seconds and maintain an efficient design system. There is no need for repetitive edits.
• Design with Filters & Backdrop Filters:
  You can now add modern, layered effects such as blur, contrast and grayscale using native filters and backdrop filters. These are fully stackable and reorderable with a live preview. No custom code required!
• Streamline Styling with Class Insights & Inherited Styles:
  Stay in control with large, class-based systems featuring usage counts, locator panels and search functions. You can also view inherited styles at a glance.

In other news, Elementor now allows you to add custom HTML attributes such as aria-label, data*, or role directly inside V4 elements. These custom attributes are clean, structured and semantically powerful, making them ideal for accessibility, analytics or third-party tools.

PS: Regarding web accessibility, you might be interested in Ally or OneTap.