Search code examples
jqueryfancybox

How to disable the background overlay in Fancybox?

Unfortunately I am NOT a coder, but a designer, and I have a premium Wordpress theme called SIRIUS which has a fancy box overlay over the background image and I want to disable it. How do I do that?

I have tried adding custom CSS code to change the opacity of the overlay to "0" but that didn't work. I have tried whatever I could find from Google searches.

//Disable overlay helper
$(".fancybox").fancybox({
    helpers:  {
        overlay : null
    }
});

All I am trying to do is have my background image to appear on my Wordpress site, but I do not want the themes forced overlay, and want it disabled.

Solution

  • After seeing the HTML, a simple CSS rule was all that was needed:

    .backstretch img {
    opacity: 1;
}

    Edit: just to clarify, this CSS applies to the "Sirius" WordPress theme, not FancyBox.