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 in the top right corner of the container you want to edit and click Edit page styles.
Alternatively, you can get to the same visuals sidebar from the "..." menu at the top right corner of the page -> "edit page styles". To change a container's background, select the container by clicking it with the sidebar open or via the dropdown menu.
From there, you can set a background color or background image for the container.
Click Save changes.
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 image” option that appears after you've uploaded a container background image. 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.