Centering & Making Fancy Box Pop-Ups Transparent

scribeman01 · Post by **scribeman01** » Mon Jan 20, 2025 11:59 pm

I found an earlier post by @crispy68 (11/19/22) that provides successful code how to make a "Fancybox" pop-up work via "lightbox". This is the code:

Code: Select all

<style> between the <head> tags:
#fancybox-content{border:none !important;}
#fancybox-outer{background:transparent !important;}
</style>

This code successfully worked. Prior to being transparent, each pop-up was coming up flush left with white background to the right. Is there a add-on to the Stylesheet that I can instruct it to horizontally & vertically center in the pop-up? I'm not after each pop-up centering in the page, but from which image they resonate from in a row of 4 cards in my layout. Thanks!