Need Help?

Here are some good places you cant start.

Whats New?

Get updated about all the good stuff!

optimizing-images-for-seo
elementor-table-google-sheets
google reviews in elementor

Smoke Background Effect for Elementor

The Smoke Background Effect Widget for Elementor enhances your page design by adding stunning and customizable smoke background effects. This powerful widget allows you to create smooth, animated smoke visuals that bring motion and depth to any section. With a range of styling and control options, it helps you achieve the perfect atmospheric effect for your site’s design.

Let’s look at each of the options in the Smoke Background Effect Widget for Elementor below.

Install Smoke Background Effect Widget for Elementor

This widget requires Unlimited Elements PRO version installed and activated on your WordPress website.

  1. Go to Unlimited Elements Widget Library
  2. Click on the Background Widgets option in the sidebar menu.
  3. Hover over the Smoke Background Effect Widget and click install
Smoke Background installing

Add Smoke Background Effect to Elementor Page Section

Select edit page section in Elementor>>>Go to Style tab>>>Go to Unlimited Background option>>>Select the background type as “Smoke Background Effect”

Smoke background selection

Smoke Background Effect Settings

Smoke Background
1

Relative To

Select the appropriate option.

  • Section- Background will display in the selected section.
  • Page- Background will display in whole page.
2

Size

Set the size of smoke background.

3

Color Mode

Select the color mode from below options.

  • Colorful
  • Random
  • Custom
4

Color

Select the color for background.

5

Draw on Load

Smoke background will draw on page loading.

6

Enable Bloom

Enable/Disable the bloom option.

7

Enable Sunrays

Enable the sunrays option for smoke background.

Set Background Location

In some cases, you may want to move the background widget in front of your content. Determine the placement of the background by changing the setting to your liking. 

  1. Background
  2. Foreground
Set Background Location in Elementor Colorful Animated Waves Background

Smoke Background Effect Widget Examples For Elementor

Here are some live use cases for the Smoke Background widget.

Smoke Background usage ex 1

Smoke Background Effect Widget for Elementor with a Halloween Party Theme

Smoke Background usage ex 2

Smoke Background Effect Widget for Elementor for a website contact section

We hope this guide helped you explore the powerful features of the Smoke Background Effect Widget. With its smooth animations and customizable smoke styles, you can create atmospheric backgrounds that add depth and motion to your Elementor sections. If you have any questions or need further assistance, feel free to reach out. For more use cases and examples, visit the live demo on our website.

Download is just a click away

Get instant access to tons of Elementor goodies, completely FREE!

Hurray!

You got FREE access to the worlds leading widgets for Elementor page builder!