Encyclopedia of Code
Start Here
Private Community
Resources
Categories
Add Multiple Buttons in the Header
This code snippet will allow you to style navigation links to look like buttons so that you can have multiple buttons in the header.
Vertically Center an Image in a Block
This code snippet will allow you to vertically center an image in various image blocks.
Animate the Announcement Bar
These code snippets will allow you to animate the announcement bar on your Squarespace Website.
Change Blog Date Format
This code snippet will allow you to change the format of your blog dates from MM/DD/YY to DD/MM/YY.
Add a Link to Gallery Captions
This code snippet will allow you to add a link in the Gallery caption rather than on the whole image.
Full Image Captions on Hover | Squarespace 7.1
This code snippet will allow you to edit the image captions in Squarespace 7.1 to cover up the whole image on hover. Keep in mind this technique will only apply to Inline Image Blocks.
Remove Spacing from Gallery Sections | Squarespace 7.1
This code snippet will allow you to remove some of the padding from Gallery Sections in Squarespace 7.1.
Add a Vertical Line
This code snippet will allow you to add a vertical line on your Squarespace Website.
Pricing Plan Table: Rounded Design
This code snippet will add a pricing table with rounded edges to your Squarespace Website.
Grid Gallery Captions on Hover | Squarespace 7.1
This code snippet will allow you to show the image captions for Grid Gallery Sections on Hover.
Left, Right, or Center Align the Image Subtitle
This code snippet will allow you to left, right, or center align the image subtitle without affecting the title and button.
Make Collage Image Block Stack on Mobile
This code snippet will have the image and text in a collage image block stack when viewed from a mobile device. This is beneficial for when you have a lot of text within the image block.
Split Layout in Squarespace 7.1
This code snippet will allow you to set a full bleed image on one side of the screen and content on the other.
Smooth Scroll
If you are using anchor links or any other effect that has the viewer jump to a different section on a page, this code snippet helps the scroll happen smoothly, rather than as a quick jump.
Edit the Background Video for Mobile
This code snippet will show you two ways to make your background video mobile responsive.
Remove Hyphens
This code snippet will allow you to remove any hyphens that appear when your screen adjusts to different screen sizes.
Turn the Header Navigation Links into Buttons
This code snippet will allow you to style the header navigation links to look like buttons.
Autoplay Carousel Summary Blocks
This code snippet will set your carousel summary blocks to automatically scroll through your content.
Back to Top Button
This code snippet will allow you to add a button on your Squarespace Website that will scroll the users back to the top of the page.
Text or Images in Two Columns on Mobile
This code snippet will allow you to keep text or images that are placed in two columns on desktop in two columns when viewed from a mobile device.