Creating a Transparent Background

When embedding interactive content on your website, there may come a time when you want the Ceros iframe to not have a background color. This would allow the color or imagery on your website to show through in the Ceros experience iframe.

Here’s How:

1. In the Ceros studio, open the experience that you want to have a transparent background
2. In the Settings window, navigate to the Custom HTML panel
3. Add the following snippet to the Custom HTML:

<style>  
   body   {
     background: transparent !important;
   } 
</style>

Publish your experience, and voilà! You should now see a transparent background!