The Codebase
Filter through all the code
Find the Squarespace tutorial, plugin or snippet that’s going to help you fix or customize your client’s site in a heartbeat.
Background image for footer (Brine 7.0) - Footer Section
Add an awesome custom look to the Footer area of your 7.0 (Brine) site with this short code! The snippet will allow you to set up any background image you like, and decide how much it should stretch to cover the space behind your content.
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.
Full width for top blocks (Brine 7.0) - Footer Section
Looking to expand that block you have sitting inside the Top Footer area of your Brine 7.0 site? Then get your hands on this code snippet to make it happen right away!
Full width for middle blocks (Brine 7.0) - Footer section
Looking to expand that block you have sitting inside the Middle Footer area of your Brine 7.0 site? Then get your hands on this code snippet to make it happen right away!
Full width for bottom blocks (Brine 7.0) - Footer section
Looking to expand that block you have sitting inside the Bottom Footer area of your Brine 7.0 site? Then get your hands on this code snippet to make it happen right away!
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.