Jump to content

Customizing the lightbox "X" for IMAGE lightboxes

Recommended Posts

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!


Link to comment
  • 1 year later...
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.



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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.