Particle.js as background for section

Support
#1

Hi,
I would like to use particles.js as a background for my first section.
I’ve got particles.js running, I’ve enqued it via child functions. I’ve added id #particles-js" to the section I want it to appear. It works fine, but it seems to be on the same level as the other page content rather than a background. Content in rows and such pushes it down. I’ve played with z-index but it doesn’t seem to have any effect. What do I need to do?

Also just noticed it’s not clickable…

site at: http://54.210.188.230

EDIT I installed the plug-in version and that seems to work…still not clickable. Wonder if seting "Click-Events will fix that…where would I put it?

Thanks!

#2

Hi There,

Thanks for writing in! We usually do not provide support for 3rd party plugins or scripts.

If you want to add a JS event, try adding it to your Customizer, Custom > JS area. Or else you will need to create JS file and enque it using your child theme.

Thanks!

#3

I think this is a function of the theme…the script output is clickable when it runs on a plain HTML page, but seems to be behind something that prevents mouse events. How can I set the section to allow click through to the background layer?

Thanks

#4

Hi There,

Actually, I can click on the section and it adds a particle (https://prnt.sc/hb35xp), except if there is a layer above the section like the container and column divs and the elements (which is always the case).

Adding a z-index: -1 on the container/row kind of work, but I won’t gonna advice that as adding z-index: -1 on the section, row, or column does not play nice in the Cornerstone/Content Builder.

Regretfully, we can not provide support for this 3rd party script or plugin. You can seek help from a developer to help you on this. We do have an in-house custom development team that offer paid services, who may be able to assist. They can be contacted at pinnacle@theme.co if this is of interest to you.

Thank you for understanding,

#5

Thanks, I fixed it for the areas where there’s no content by removing a z-index setting on the container. I’ll try the -1 on the content row and see what happens

#6

Let us know how it goes.

Thanks!

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.