Help with custom CSS code for Lightbox

Dear all,

I am looking for custom css code on which I could modify the Lightbox effect in Squarespace:

- in the 'Light version': being able to adjust the color (#d3d3d2) and transparency of the background (slightly seeing through the original site)

- Being able to modify the size of the lightbox, and center it on the page

- placing the 'close' cross on the right top of the image, instead of the right top page

- being able to zoom in the image (as in some web shops)

(website: www.pale-studio.com)

Many thanks for your precious help!

Elisabeth

Hi,

Which page in your screenshot? I don't see this on homepage

Dear Tuanphan, the page was inactive as I was building it.

Here is it, uploaded and finalised:

https://pale-studio.com/2301-wald-fabrics

Many thanks!

On 9/21/2023 at 5:10 PM, Elisabethh said:

Dear Tuanphan, the page was inactive as I was building it.

Here is it, uploaded and finalised:

https://pale-studio.com/2301-wald-fabrics

 

Many thanks!

Thank you.

Can you enable Lightbox? Currently I can't click images to open lightbox

Just actived Lightbox on first the images as shown in attached screenshot.

URL: https://pale-studio.com/2301-wald-fabrics

Would like to modify the following:

- No title / text (at all) on Lightbox images 

- in the 'Light version': being able to adjust the color (#d3d3d2) and transparency of the background (slightly seeing through the original site)

- Being able to modify the size of the lightbox

- placing the 'close' cross on the right top of the image, instead of the right top page

- being able to zoom in the image (as in some web shops)

Many thanks!