Blend mode filter

Updated on June 18, 2019

How to blend a Heading element with background in Elementor

With CSS blend modes you can add some fairly stylish design effects to your template by mixing heading widget’s color with its background.
Hopefully you can use this feature by adding basic Heading element to your layout in Elementor.

 To see how blend modes affect on the look of the Heading widget, you should use them in a layout or section with a background image. To learn more aboutHeading widget you can refer to this article.

In order to use CSS blend modes 

1. Add a Heading widget to your layout in Elementor so that a new dashboard on the left with elementā€™s settings will pop up.

2. Go to Style tab and from Blend Mode section select one of the blend mode filters (For example: Multiply).

3. Update the page.

Did this answer your question?