How to add Particles to Divi the Really Easy Way

There are plenty articles out there how to add an impressive particle-effect to containers in Divi or any other pagebuilder. They all are like “install this, download that, configure those” etc. Here, we want to do this easiest first, maybe more complex later.

I would not recommend anything to you I’ve not been using enthusiastically myself. Bold links are affiliate links. I recommend what you’ll find there and If you make a purchase, I will get a commission without additional costs to you.

Learn

Keep reading for an explanation on how to go on about it.

Keep reading

The button will take you to a step by step guide through the process.

Continue

Watch

Take a look at what this is all about and see the feature in action.

Go there

The button will take you to a project were we implemented this feature.

particles.js

Download

Get the files from GitHub immediately and for free.

From GitHub

The button will take you to GitHub were the files you need are available.

GitHub

You just need to copypaste everything you find here into a Divi code module and give a section, row or module the CSS-ID particles. Done.

You can then play around with colors, sizes and opacities. Or generate a whole new look here, and replace the old part of the script with it, if you dare.

This works well with different pagebuilders too. Look, an Elementor HTML widget:

That was easy, right? Copypasting one script and IDing one element. The average twelve year old could do that.

2 thoughts on “Particles in Divi the Really Easy Way”

Yuri
April 4, 2018 at 2:54 pm

Nothing can be inserted infront of it. so it is not a background.
1. Christian Behrends
  April 4, 2018 at 3:34 pm
  
  You could insert elements in front of it with absolute positioning like here https://vincentgarreau.com/particles.js/

Comments are closed.