How to modify the background of my survey (overlay)?

When you choose a "Website" deployment (and only if you are displaying your survey a popin), you can modify the Overlay.

The Overlay represents the background covering your website (the background of the popin). We'll see how to modify the colors and opacity of the overlay. 

Create your deployment and set up the trigger conditions.

Once you've set your Website deployment, click on "Add new action" and choose the trigger that suits your needs.

Still in the Action, go to the "Advanced settings". In this window, you can edit the settings of the Overlay (using CSS code).

If you are not a CSS code master, please ask your technical team.

In this example, we are changing the color of the overlay from standard to purple. Here is the code to do it:

background-color: rgba(0, 0, 255, 0.5)


With the new settings: background-color: rgba(0, 0, 255, 0.5)

Want to try? Click here