I have created this particles.js script that I want to use for one of my SharePoint pages, but I am unsure of how to get it to insert to cover the whole background. I tried inputting it as a a script editor web app but of course it only places it in the column that it is in. I have other script/content editors on the page as well and I am unsure if that is interfering, do I need to wrap it within my particles HTML or vice versa?

Here is my Fiddle: https://jsfiddle.net/6pr37bt8/1/

  • Are you using classic or modern SharePoint? Dec 3, 2020 at 0:07
  • @CallumCrowley classic Dec 4, 2020 at 19:18
  • I tried setting my canvas to this position : absolute; width:100%; height:100%; z-index:-1; but unfortunately that was unsuccessful. Dec 4, 2020 at 19:40

1 Answer 1


So I figured it out. Confused as to why there are no code snippets available on this stack exchange site but on others. So because of that I will link the live JSFiddle.

Fiddle: https://jsfiddle.net/dhytmpz5/1/

I had to place the particle div outside of everything else at the beginning of the HTML. Then like my comment to my question stated, I edited the CSS for canvas to be position : absolute; width:100%; height:100%; z-index:-1;

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.