Kelsea Coker
 · LX Designer

Creating a Transparent Background

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

  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>
  1. Publish your experience, and voilà! You should now see a transparent background!