How to Add Swiper Color Overlay Effects in Elementor?

Updated on January 11, 2024 by Ananda
Table Of Content

Do you want to add an overlay effect on an Elementor widget? Adding an overlay effect can add a unique look to your website.

You can easily add an overlay effect on most of the widgets of The Plus Addons for Elementor.

Required Setup

How to Activate the Overlay Special Effect?

This feature is enabled by default on some of the selected widgets of The Plus Addons for Elementor. You don’t need to enable it separately.

Key Features

  • Multicolor overlay effect – You can easily add a multicolor effect on a widget.

How to Add an Overlay Effect on a Widget in Elementor?

Add one of the listed below widgets of The Plus Addons for Elementor and follow the steps – 

1. Go to Advanced > Plus Extras

2. Turn on the Overlay Special Effect toggle.

Overlay special effect setting

3. In the Overlay Color section, you have to add an overlay color. You can add two overlay colors.

Now, you’ll see a beautiful color overlay effect as the widget enters the viewing area.

Overlay special effect demo

Supported Widgets

Get Free 25+ Secrets to Make Elementor Website Faster [Guaranteed Results]

    Subscribe to our YouTube Channel for Elementor Tutorials
    New Video Every Week!
    Automatically Convert Figma Designs to 100% Editable Elementor Website