**The procedure will show you how to personalize your page with an immersive background that follows you as you scroll down the page.**

## Customize your page background



 

 

 



   ![background customization](/sites/g/files/dvc2391/files/styles/media/public/image/2026/05/202605051436.gif?itok=_bVmbqQp)   





 

 





 

 

First, open the **page editor** and give your page a title.

On the right-hand side, open the **Background Settings** panel.

Choose a **background color** that fits your page. If you’d like, add a **pictogram** and select where it should appear on the screen (top or bottom, left or right).

**Save** your page to apply the changes.



 

 

 



 

 

 

 





 

 

 

 





## Add a codant as a background



 

 

 



   ![add a codant to a bg](/sites/g/files/dvc2391/files/styles/media/public/image/2026/05/Design%20sans%20titre%20%2823%29.gif?itok=ujBl1zQi)   





 

 





 

 

First, upload your codant as a **PNG** image with the following dimensions:  
**W: 2876 px / H: 1223 px**.  
You can then select this image in the Background Settings, as a pictogram.

To ensure the codant is correctly positioned on the page, you’ll need to add **a specific embed code** at the very end of your page (after all components).

- This code has been designed **to properly display and align the codant** in the background.
- This action is restricted to **administrators only**. If you’d like to use this design, please contact your site admin.



 

 

 



 

 

 

 





 

 

 

 





## Example:

Explore this page with background settings configured

[click here](https://www.sf.userguide.veolia.com/groupe/programme-strategique-2027-greenup/securite-ecologique-pilier-souverainete-prosperite)

 



 

 

 



 

 

 

 






## Ask for support

We use ServiceNow to track all of your requests and questions

[Create a ticket now](https://veglobal.service-now.com/s3c?id=service_catalog&root=fcec05201b1649504d79dce2b24bcb50)

 



 

 

 



 

 

   ![](/sites/g/files/dvc2391/files/styles/crop_freeform/public/image/2024/04/image%2014%20%283%29.png.webp?itok=j1xAfftb)