Jump to content

Change Close (exit) Icon on gallery pictures

Recommended Posts

Add to Home > Design > Custom CSS

.gallery-lightbox-close-btn-icon {
    visibility: hidden;
.gallery-lightbox-close-btn-icon:after {
    content: "\e014";
    visibility: visible;
    font-family: 'squarespace-ui-font';
    font-size: 20px;


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

@tuanphan thank you so much for this! Thank goodness it is possible to change the icon. 

I have one last favour 🙏

At the moment we have this:



I see that when you change the content number it shows a different icon, but no matter how hard I try, I can't find the letter and number combination to achieve this: All 4 squares filled background.


Please help updating the code once again!

Thank you,

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.