Particles Background

Divi Toolbox  Global Moving Particles


The Enable Particles Background feature adds a moving particles background effect to any element. The effect can be applied to any row, section, or even to a module, but only once on each page. You can use two different effects (each one will be visible only on a single element on a page).

Navigate to Settings → Advanced tab → CSS ID & Classes → CSS ID, and add one of the two IDs: particles-bg1 or particles-bg2.

You can customize the appearance of each of these two effects in the Toolbox Customizer.


Toolbox Customizer Global Moving Particles Background


Here’s the list of all the settings you can easily change (there is a separate set of options for each ID):

  • Number of particles
  • Particle color
  • Particle opacity
  • Particle shape (Circle, Square, Polygon, Star)
  • Particle size
  • Particle speed
  • Line width
  • Line color
  • Line opacity
  • Particle interactivity effect (None, Grab, Bubble, Repulse)



Hi there!

If you have any questions or would like to get in touch, please fill the form below and we’ll get back to you as soon as possible.

Did you know?

You can create popups and effects like this one with Toolbox! It's so easy!

Ahhh yes!

You officially know the power of the irresistible 3D Button :D

You can easily design Popups like this one using Toolbox and Divi Builder!

Did you know?

Do you like this landing page? Does it look pretty advanced? Well, guess what! We didn’t use even a tiny bit of custom CSS or JavaScript to build it. All the awesome effects have been created using the Divi Toolbox!


Choose the plan to suit your needs