Rebecca Grace 2023-08-01 Rebecca Grace 2023-08-01

Change Image on Hover

This code snippet will allow you to change an image to a different image when the visitor hovers overtop.

Rebecca Grace 2022-12-14 Rebecca Grace 2022-12-14

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.

Rebecca Grace 2022-11-01 Rebecca Grace 2022-11-01

Rotate a Block in Squarespace

This code snippet will allow you to rotate a block in Squarespace.

Rebecca Grace 2022-07-06 Rebecca Grace 2022-07-06

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.

Rebecca Grace 2021-12-09 Rebecca Grace 2021-12-09

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.

Rebecca Grace 2021-08-12 Rebecca Grace 2021-08-12

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.

Rebecca Grace 2021-04-22 Rebecca Grace 2021-04-22

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.

Rebecca Grace 2021-04-08 Rebecca Grace 2021-04-08

Add a Border or Outline Around Images

This code snippet will allow you to add a border or outline around images.

Rebecca Grace 2021-03-01 Rebecca Grace 2021-03-01

Vertically Center an Image in a Block

This code snippet will allow you to vertically center an image in various image blocks.

Rebecca Grace 2021-01-26 Rebecca Grace 2021-01-26

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.

Rebecca Grace 2020-11-17 Rebecca Grace 2020-11-17

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.

Rebecca Grace 2020-11-10 Rebecca Grace 2020-11-10

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.