Hi,

Is it possible to put a solid border around the Lightbox and customize pixel width, color and border radius?
Maybe in the custom CSS area : what would I code would I need to use?

Regards
Matt

Hello,

You can add the following code "Custom CSS" parameter on "Style" tab on "ARI Fancy Lightbox -> Settings" page to add border around images into the lightbox:

body .fancybox-slide .fancybox-image-wrap {
border: 10px solid white;
border-radius: 5px;
}

Regards,
ARI Soft

Hi,

Thank you for the quick response. It was greatly appreciated.

I could not get the CCS below to work for my page : I am using ARI Fancy Lightbox to open an external link in a lightbox

body .fancybox-slide .fancybox-image-wrap {
border: 10px solid white;
border-radius: 5px;
}

I had to delete "body" and ".fancybox-image-wrap" which allowed the following CSS to work. This created a border around the "overlay" and entire screen viewport.

.fancybox-slide {
border: 10px solid white;
border-radius: 5px;
}

The above was not exactly what I was intending as I was hoping to have a border around the pop up light box content only (not overlay background or full screen). So for me it was a simple modification to use the below code :-

.fancybox-content {
border: 10px solid white !important;
border-radius: 5px !important;
}

Thanks for pointing me in the right direction

Cheers
Matt