Customizing the lightbox "X" for IMAGE lightboxes

Greetings Community, 

This is my first forum post.

Nearly ready to launch a client website (Squarespace v 7.1), with one small but critical caveat. We really need the “X” that closes IMAGE lightboxes to be black, bold, a little larger, and ideally accompanied by the word “CLOSE” next to the X. (note this is for IMAGE lightboxes, not galleries etc)

The default X is so greyed out and tiny that several betatester friends have gotten “stuck” in a single image lightbox without realizing the X was even there! Only adjustment on front end is to make the lightbox white or black. Given my client’s site a photography site, this is really high-priority for us to adjust, and the last bit before launch.

Anyone know a global tweak that can make this adjustment to all IMAGE lightboxes? Would greatly appreciate any help! Of note is I’m a front end-designer who does NOT do any custom CSS, so being very explicit where to insert any code etc would be so helpful too. Thanks so much! Appreciate it!
 

Can you share site url? We can give the code to solve.

Is there a solution to this? I'm also looking to make the X darker or bigger.

Thanks!

L

On 10/6/2022 at 8:34 PM, LCerdaDesignHelp said:

Is there a solution to this? I'm also looking to make the X darker or bigger.

Thanks!

L

If you share link to page where you have problem, we can help easier