# How to add Particles.js to my background and then make it static

**URL:** <https://forum.bootstrapstudio.io/t/how-to-add-particles-js-to-my-background-and-then-make-it-static/7361>\
**Category:** Bootstrap Studio Help\
**Created:** [May 22, 2021, 8:29am UTC](https://forum.bootstrapstudio.io/t/how-to-add-particles-js-to-my-background-and-then-make-it-static/7361 "2021-05-22T08:29:01Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![the-next-step](https://forum.bootstrapstudio.io/letter_avatar_proxy/v4/letter/t/b77776/32.png) [@the-next-step](https://forum.bootstrapstudio.io/u/the-next-step)\
**Post date:** [May 22, 2021, 8:29am UTC](https://forum.bootstrapstudio.io/t/how-to-add-particles-js-to-my-background-and-then-make-it-static/7361/1 "2021-05-22T08:29:01Z")

</div>

Hey there, I’m trying to achieve something like [https://adagio.io](https://adagio.io) with the particles.js in the background staying static while text scrolls over it.  
The two things I’d need help with is  
a) How to add particles.js to the background (And generally any container)  
b) How to keep the background static while text scrolls over it.  
Thanks for any responses, Tim  
EDIT: also, some basic pointers on how to create the dropdown menu in [AdAgio.io](http://AdAgio.io) would be great.

---

<div class="post-metadata">

**Author:** ![richards](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/richards/32/3163_2.png) [@richards](https://forum.bootstrapstudio.io/u/richards)\
**Post date:** [May 22, 2021, 8:02pm UTC](https://forum.bootstrapstudio.io/t/how-to-add-particles-js-to-my-background-and-then-make-it-static/7361/2 "2021-05-22T20:02:30Z")

</div>

I would think that the particles.js would be in a fixed postion container with a z-index less that the main body… something like this:

#particles-js {  
position: fixed;  
z-index: -1;  
background-color: #3e2224;  
top: 0;  
right: 0;  
left: 0;  
bottom: 0;  
}