Search code examples
htmlcssiframefancybox

FancyBox iFrame body background-color

Hey everyone I'm trying to change the body background-color of the body in the iFrame generated by FancyBox.

It currently looks like this:

enter image description here

Of course this is not what I want, so this is why I'm trying to change the background color to something like transparent.

Solution

  • You can set/change background color for element containing iframe and iframe element itself - 

    .fancybox-slide--iframe .fancybox-content,
.fancybox-slide--iframe iframe {
    background: #fff;
}

    But for iframed page - you have to set it within the page.