Customization – Particle.js is not loading in WordPress Gutenberg

I’m currently trying to teach myself how to design with Gutenberg (after only using Elementor at first), so I’m redoing my website.

I’m trying to make my hero section using particle.js, but the particles are not visible.

The particle.js file is being added to the header section and I’ve confirmed that the file definitely is, and the particle settings (often loaded in a JSON file) are also being added as a script to the header section.

I’ve specified the ID in the particle settings and named the DIV in the hero section to the same ID, and so I can’t think of what else I’m missing that is preventing the particles from loading. Live site with below code:

Any pointers that can suggest what could be causing the problem would be greatly appreciated.

thanks a lot,


Leave a Comment