Divi Toolbox ➜ Global ➜ Particles Background 2.0
The Particles Background 2.0 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 it is recommended to use it 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: moving-bg1 or moving-bg2.
You can customize the appearance of each of these two effects in the Toolbox Customizer.
If you enable the “Use on the page container” option, the particles will be visible as the full website background, as long as your sections do not have a background set. The customization options of the ID #1 will be used for the page container particles.
Toolbox Customizer ➜ Global ➜ Moving Particles Background 2.0
Here’s the list of all the settings you can easily change (there is a separate set of options for each of the two IDs):
- Number of particles
- Particle colors (up to 3 different colors)
- Particle opacity
- Particle shape (Circle, Square, Polygon, Star, Triangle, or Image)
- Custom particle image upload (if “Image” is set as a shape)
- Particle size (minimun and maximum size)
- Particle speed
- Line width
- Line color
- Line opacity
- Particle interactivity effect (None, Grab, Bubble, Repulse)
- option to add more particles when the particle background area is clicked
