Blend mode and variables

[nicosjack91]

Description

Hello Elementor Team,

I would like to report a regression / missing feature in the new Div Block compared to Elementor v3 regarding background images.

In Elementor v3, it was possible to:

• Apply a blend mode (e.g. Overlay / Multiply / Soft Light, etc.)
• Adjust the opacity of a background image directly within the same element.

A typical use case is the following :

• A block with a color or gradient background
• A grain or noise texture image added on top
• The texture set to Overlay with around 50% opacity

This allowed us to create subtle and elegant backgrounds without adding extra wrapper elements.

With the current Div Block, it is no longer possible to :

• Set a blend mode on the background image
• Control its opacity independently unless we create an additional Div Block solely for this purpose, which adds unnecessary complexity to the structure.

Restoring this capability directly on background images would be a great improvement and would bring feature parity with Elementor v3.

Additionally, it would be extremely helpful to be able to select global color variables when creating gradients, instead of having to manually copy and paste hex color codes in the gradient controls. This would greatly improve workflow consistency when using design systems and global styles.

Thank you for your work on Elementor and for taking user feedback into account.
I’d be happy to provide screenshots or further details if needed.

Best regards,
Nicolas Schiff

Agreement

• I confirm I have read and followed the Editor V4 Discussion Form guidelines, and agree this discussion may be closed without warning.