Creating a Transparent Background

< 1 Minute read

Reading Time: < 1 minute

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 not see a transparent background!

Was this helpful?

6 3
6 out of 9 people found this helpful