Floating dots

[Jennine]

Hello
I would like to Add these floating circles throughout my webpage as seen in the mockup. Can you please advise on how I would go about doing this?
Thank you

[christian]

Hey Jennine,

Follow these steps:

1. Add a Div element to your Section
2. Set the Background Color of the Div.
   
3. Set the Div’s Size (Width 100px and Height 100px). You can change this later and set different size per breakpoint.
   
   
4. Set the Div’s Border Radius to 100em (all corners)
   
   
5. Set the Div to Position Absolute and set the position (top, right, bottom, left). This will allow you to position the Div anywhere in your section.
   
6. Make sure your Section’s (where you added the Div) Overflow to Visible. This will allow the Div to go past the section without being hidden.
   
   
7. Add the same setup to other sections in your page.

Hope that helps.

[Jennine]

thank you. Is there a way to make them slowly and continuously move around?

[ruenel]

Hello @Jennine,

If you want those dots to move as you scroll the page, you would need some custom JS coding to be able to accomplish that. Be advised that custom coding is beyond the scope of our support under our Support Policy. If you are unfamiliar with code and resolving potential conflicts, you may select our One service for further assistance.

Thank you for your understanding.