You can edit container visuals to make a specific container and its content stand out from the rest of the page. This helps enhance the layout and guide your audience’s attention.
To edit container visuals:
Enter Edit page mode.
Open the container menu from the container you want to edit.
Click Visuals.
From there, you can set a background color or background image for the container.
Click Save.
Adding container visuals helps define different sections of the page more clearly. However, keep in mind that connected containers share the same visual settings—only one visual style can be applied across them.
Note! If you want to add background images to containers with the Super Chat widget, select the “Fixed background image” option. This ensures the background displays correctly, even as the widget expands.
Example of container visuals:
Accessibility Tips:
Make sure your content remains accessible when applying container background visuals. Adjust widget styles as needed—especially when using background images with transparent widget styles—to ensure text and interactive elements are easy to read and use.
Remember to also test how the page looks on mobile.