DIY | Library | Images
Useful Squarespace CSS for Styling Your Images
This post is all about making custom CSS adjustments to images in a Squarespace website. Whether you’re trying to change padding, round off corners, apply hover effects or control image display across devices, this post covers handy tweaks using Squarespace image custom CSS. You’ll find each snippet grouped in accordion blocks by topic.
I’ll be adding more code as I discover and test it while working with clients, so check back now and again! If you need help or have any questions, feel free to email me at sarah@foubography.com.
-
/* Images | Hide Title */
.yui3-lightbox2 .sqs-lightbox-meta {
display: none !important;
}
Related posts
This post is part of the DIY | LIBRARY —a growing collection of practical code snippets designed for Squarespace users who want to take control of their site’s design and functionality. Whether you’re tweaking your navigation, adjusting your mobile menu, or styling buttons, these copy-paste solutions are clean, reliable, and built with SEO and usability in mind. Bookmark this space for easy access to Squarespace custom code that works.