181 comments found

I’m trying to make a custom pop-up in HTML and was wondering if it is possible to change the opacity, as well as the color/opacity of the background lightbox. If someone could help me out with the code, that would be great

BTW, great plug-in!

Thanks much!

pixelacehq

Please follow below instruction

First place below code inside footer.php (on your theme page) before close body (< /body >) tag.

<script>
(function($){
    $('#custom_close_popup').click(function(){ 
            custom_close_box();
            return false;
    });
    function custom_close_box(){ 
        $('#fancybox-overlay').fadeOut(1000);
        $('#fancybox-outer').fadeOut(1000);
    };

})(jQuery);
</script>

Second, use below code inside custom popup content section

<a id="custom_close_popup" style="cursor:pointer">YOUR_IMAGE_TAG_URL_HERE</a>

Thanks

Default-user

Added the code to the footer and the custom popup code you suggested, and it worked like a charm!

Thanks so much again!

by
by
by
by
by
by