Encyclopedia of Code
Start Here
Private Community
Resources
Categories
Edit the Gallery Captions
This code snippet will allow you to edit the style of the gallery captions.
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 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.
Add Vertical Information or FAQ Tabs
This code snippet will allow you to add buttons that show different paragraphs of information when clicked.
Hide the Last Name in a Newsletter Block
This code snippet will allow you to hide the last name in a Newsletter Block.
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.
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.
Hide Site Title or Logo
This code snippet will allow you to hide the site title on one page or all pages.
Add a Horizontal Bar Chart
This code snippet will allow you to visually compare scores using a horizontal bar graph. This is a static chart could be used to show metrics, progress, a leaderboard, or a tally.
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.
Change the Link Color in the Dropdown Menu
This code snippet will allow you to change the color of the links in the dropdown folder menu in the header.
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.
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.
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.
Header Layout: Center Logo with Boxed Navigation
This code snippet will allow you to have the navigation go 100% of the way across the screen with a boxed navigation design and a centered logo.
Rotate a Block in Squarespace
This code snippet will allow you to rotate a block in Squarespace.
Infinite Scrolling Logo Carousel | Squarespace 7.1
This code snippet will allow you to add a strip of logos that continuously scroll across your Squarespace Website.
Create a Timeline in Squarespace
This code snippet will use a Summary Block to create a timeline in Squarespace.
Remove the Header Gradient From One Page
This code snippet will allow you to remove the header gradient from specific pages in Squarespace.
Edit the Slideshow Gallery Arrow
This code snippet will allow you to edit the thickness and size of the arrow or change the arrow completely on a Slideshow Gallery Section in Squarespace 7.1.