The Codebase
Browse all Resources!
Look up that Squarespace tutorial, plugin, snippet or course that’s gonna help you customize your current personal or client project.
How to center-align the last two items of a Portfolio page in Squarespace (7.1)
For this week’s CSS trick, we’ll be using the same grid-altering method from a previous tutorial but with a small modification to the way we target those last two slides so that, if you or your client have a ton of items, you don’t have to count them all.
How to center-align the last two slides of an Auto List in Squarespace (7.1)
Want to center-align those last two slides inside your client’s Auto List section? Then take a look at this easy CSS trick to make it happen!
Horizontally center-align footer middle blocks (Brine 7.0) - Footer Section
Get that satisfying horizontally aligned look for your Brine’s Footer area with this snippet! Working with the Middle Blocks, you’ll be able to have your content automatically centered on desktop in just a few minutes by copy/pasting the code.
Centering the caption text (horizontally) (7.1) - Gallery Section Grid Simple
Looking for a way to center-align the captions under your Simple Gallery Section slides in 7.1? This short code will allow you to do just that by simply copy/pasting the snippet inside your site!
Centering the caption text (vertically) (7.1) - Gallery Section Grid Simple
Are you working with long and short captions inside your Simple Gallery Section, and want to make sure the titles align vertically from slide to slide? This short code will allow you to do just that by simply copy/pasting the snippet inside your site!
Centering the caption text (horizontally) (7.1) - Gallery Section Grid Strips
Looking for a way to center-align the captions under your Strips Gallery Section slides in 7.1? This short code will allow you to do just that by simply copy/pasting the snippet inside your site!
Centering the caption text (horizontally) (7.1) - Gallery Section Grid Masonry
Looking for a way to center-align the captions under your Masonry Gallery Section slides in 7.1? This short code will allow you to do just that by simply copy/pasting the snippet inside your site!
Vertically aligned 3-column footer layout in Brine (7.0)
We’ve tackled footer customizations before but, this time, we’ll be looking at how to create a lovely vertically-aligned column layout in Brine, that includes the actual Footer nav vs manual links!
Center-align card, overlap and collage blocks with heavy content (7.0 & 7.1 CE)
Today we’ll be tackling an issue that becomes particularly annoying when for some reason card, overlap, and collage blocks make it really hard to vertically align your content to the center of the image… completely ignoring your Site Style settings.
How to align footer text to the center in mobile screens (Brine 7.0)
Have you ever wanted to center-align text inside your footer in smaller screens while keeping it left or right-aligned in tablets and desktop? The process and code are quite simple BUT, particularly when you originally have text aligned to the right there are additional steps required to have full control over the mobile result.