Encyclopedia of Code
Start Here
Private Community
Resources
Categories
Center an Image Button
This code snippet will allow you to horizontally center a button in an image block.
Animate Text
These code snippets will allow you to animate specific blocks on text on your Squarespace Website.
Hide Cart Icon When Empty
This code snippet will allow you hide the cart icon until an item is added.
Text Box Overlaps Two Sections
This creative workaround will allow you to create the illusion that you have a coloured text box overlapping two sections.
Free Chat Box for Squarespace
These code snippets will show you how to add a Facebook Messenger Chat Box to your Squarespace Website.
Add a Search Bar to the Header | Squarespace 7.1
These code snippets will provide you with several options for adding a Search Bar to your Header in Squarespace 7.1.
Add or Remove Image Filters on Hover
This code snippet will allow you to add or remove a filter when a visitor hovers over an image.
YouTube Video that Autoplays and Loops
This code snippet will allow you to add a video to your Squarespace Website that auto plays and loops.
Gold Foil or Patterned Text
This code snippet will allow you to add text with a gold foil or custom pattern.
Add a Dropdown Box
These code snippets will allow you to add a series of dropdown or accordian style boxes on your Squarespace website.
Add a Colour Gradient to Backgrounds
This code snippet will allow you to add a colour gradient to backgrounds.
Add a Colour Gradient to Buttons
This code snippet will allow you to add a colour gradient to buttons.
Add a Colour Gradient to Text
This code snippet will allow you to add a colour gradient to text.
Anchor Links
These code snippets will allow you to use anchor links to jump down to a specific spot on a page.
Add a 4th Heading to Squarespace 7.0
This code snippet will allow you to use a 4th heading option in Squarespace 7.0. Note that Squarespace 7.1 already has a 4th heading option.
Edit the Banner Image on Mobile
These code snippets will allow you to make changes to a banner or background image when viewed from a mobile device.
Resize Images for Mobile
These code snippets will allow you resize images to make your website more mobile friendly.
Editing Text Size for Mobile
These code snippets allow you to edit the text size when viewed from a mobile device.
Change Text Color on Hover
This code snippet will allow you to change the color when a visitor hovers overtop the text.
Start Here
Navigating a new product always has a bit of a learning curve. So, we created this handy Start Here guide to help. We strongly suggest you check this out first!