How To Stop Gallery Title Cropping in Squarespace Website.

Are your Squarespace site gallery titles getting cut off, leaving your website looking less than polished? Don't worry; you're not alone. In this comprehensive guide, we delve deep into the issue of gallery title cropping in Squarespace 7.1 and explore practical methods to resolve this common dilemma. From adjusting settings to utilizing custom CSS, we'll provide you with step-by-step solutions to ensure your gallery section titles display flawlessly, enhancing the overall aesthetic and functionality of your website. Say goodbye to truncated titles and welcome a visually appealing website with this in-depth exploration.

Are you using a Squarespace gallery block to showcase images along with their titles underneath, only to encounter an cropping issue where those titles get cropped, like the example below?

Learn an Easy CSS solution to prevent gallery title cropping on your Squarespace website.

The CSS:

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

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

And that's the result! Here's the visual outcome.

To maintain alignment between the title and the image along the edges, ensure that you've activated the "Crop Images" option within the gallery design settings.