Stop Gallery Title Cropping in Squarespace

Squarespace
Written By Vigasan

Are you trying to use a Squarespace gallery to display images with titles underneath but having the titles be cropped like shown below?

Squarespace-Gallery-Title-Cropped.jpg

Here's how to stop gallery title cropping on Squarespace with some basic CSS.

The CSS

Copy and paste the following code into DESIGN → CUSTOM CSS. 

.image-slide-title{white-space: unset !important;}

That's it! Here's what it looks like after.

Squarespace-Gallery-Title-Not-Cropped.jpg

In order to make sure the title and image stay lined up on the sides, make sure you have CROP IMAGES enabled in the gallery design settings.

Vigasan

Hey! I’m Vigasan and I love the Internet. I have a Bachelor of Science in Computing Systems with a double specialization in Computer Science and Software Engineering. I’ve been creating websites and working with social media since 2014 and have created over 200 Squarespace websites so far.

https://www.adlyticmarketing.com/
Previous

Add a Reading Progress Bar on Squarespace
Next

Upload Files to Squarespace Forms