How to set transparent iframe background for project within a project?

Hi there,

You could try this:

To start with - in your 1st Captivate Project, make sure there aren't any images set to fill the background. By default it looks like Captivate 9 inserts a subtle "BG.jpg" textured background. Delete this (in the properties panel on the master slide view).

Then:

• In the published files of your 1st Captivate Project (that will be inserted as a web object in your 2nd), navigate to the directory: ../assets/css
• Locate the CPLibraryAll.css file and open it in a text editor
• Add the following lines of CSS to the bottom of the file to override the style of the background:

.cpMainContainer,.cpDocument,.cp-movie,.project,.cp-frameset,.projectBorder {
background-color:transparent!important;
}
#projectBorder{
background-color:transparent!important;
}
body {
background-color:transparent!important;
}

Some of that code might be redundant. It's a quick and dirty fix so I wasn't being very thorough. I tested this out and it worked. Here are some before and after screenshots:

Maybe there is a simpler way of achieving this in Captivate itself. If there is, I'm not sure how to do it.

If anyone reading this wants to make the background of the loading animation iframe transparent as well, check out this post I made recently.

(Note: I'm using Captivate 9)