Jump to content

Gallery lightbox arrow weight increase

Recommended Posts

Site URL: https://goby-oarfish-j8jm.squarespace.com/

Hello, I'm looking to increase thickness of the arrows (think the icon is actually called a Caret) and X on my gallery lightbox view to 3px to match the wight of my hamburger icon (see below screenshot for reference)


I'm using the Novo template and I'd really appreciate it if someone an  provide me with some code to either change the weigh of the arrows / X? Failing that, code to increase them in size so they visually resemble 3px in weight.

Thanks in advance for your advice!


Link to comment
  • Replies 4
  • Created
  • Last Reply

Top Posters In This Topic

  • 2 weeks later...

For anyone, add to Design > Custom CSS

/* Lighbox close arrows icon */
.gallery-lightbox-close-btn-icon svg * {
    stroke-width: 6px;
.gallery-lightbox-control-btn-icon * {
    stroke-width: 2px;


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.