When embedding interactive content on your website, there may come a time when you want the experience iframe to not have a background color. This would allow the color or imagery on your website to show through in the experience's iframe.
Here’s How:
1. In the Studio, open the experience that you want to have a transparent background for
2. In the Settings panel, navigate to the Custom HTML tab
3. Add the following snippet to the Custom HTML:
<style> body { background: transparent !important; } </style>
4. Publish your experience, and voilà! You should now see a transparent background!