Start Here
Private Community
Resources
Categories
Change Image on Hover
This code snippet will allow you to change an image to a different image when the visitor hovers overtop.
Edit the Gallery Captions
This code snippet will allow you to edit the style of the gallery captions.
Add a Scrollable Image
This code snippet will allow you to add an image that will scroll. This is useful for long images such as a full screenshot of a webpage.
Rotate a Block in Squarespace
This code snippet will allow you to rotate a block in Squarespace.
Edit the Mobile Menu Links | Squarespace 7.1
This code snippet will allow you to edit the size, color, and other font properties of the mobile menu links in Squarespace 7.1.
Move the First Section Down
In Squarespace 7.1, the background image in the first section can be hidden behind the header. This code snippet will allow you to move the first section down so that the full image displays under the header.
Add Vertical Information or FAQ Tabs
This code snippet will allow you to add buttons that show different paragraphs of information when clicked.
Image Flip Card Animation
This code snippet will allow you to place the text and buttons of a poster image on the back of the card. This information will then show using a flip animation when the user hovers overtop of the card.
Hide the Last Name in a Newsletter Block
This code snippet will allow you to hide the last name in a Newsletter Block.
Resize Related Products | Squarespace 7.0
This code snippet will allow you to resize the related products on product pages for multiple screen sizes in Squarespace 7.0.
Add Captions to the Gallery Lightbox
Currently in Squarespace 7.1, you can add captions to a Gallery Section. However, these captions don’t appear in the Gallery’s Lightbox. This code snippet will allow you to have the caption display under the image in the Gallery Lightbox.
Resize Related Products | Squarespace 7.1
This code snippet will allow you to resize the related products on product pages for multiple screen sizes in Squarespace 7.1.
Lightbox for Carousel Images
This code snippet will allow you to add a Lightbox to a Carousel of images. You have two options. You can use a Slideshow Reel Gallery Section or a Summary Block.
Add a Border or Outline Around Images
This code snippet will allow you to add a border or outline around images.
Hide Site Title or Logo
This code snippet will allow you to hide the site title on one page or all pages.
Vertically Center an Image in a Block
This code snippet will allow you to vertically center an image in various image blocks.
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.
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.
Social Icons on the Right
This code snippet will mirror the order of the main navigation so that the button and cart are on the left while the social icons are on the right.
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.
Change the Background Color of the Dropdown Menu
This code snippet will allow you to change the background color of the dropdown folder menu in the header.
Add an Outline to Buttons
This code snippet will allow you to add an outline to buttons.
Edit the Height of a Section on Mobile in Squarespace 7.1
You may run into a situation where you want the height of a section to be medium on desktop but small on mobile. This code snippet will allow you to add or remove padding from a section on mobile.
Move Image Blocks
This code snippet will allow you move image blocks around within or outside of its section.
Resize Product Images for Mobile
These code snippets will allow you resize product images to make your website more mobile friendly.
Add a Shadow to Buttons
This code snippet will allow you to add a drop shadow to buttons.