Encyclopedia of Code
Start Here
Private Community
Resources
Categories
Remove the Header Gradient From One Page
This code snippet will allow you to remove the header gradient from specific pages in Squarespace.
Sticky Split Sections
This code snippet will allow you to create a split section where one side stays in place as you scroll.
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.
Fix the Background Image
This code snippet will allow you to fix the background image in place so that the content scrolls overtop.
Overlap Sections with Parallax Scrolling
This code snippet will allow you to overlap sections and add a parallax scrolling effect so that the section moves at a different pace to the sections above and below it.
Overlap Sections
This code snippet will allow you to overlap sections so that the content moves outside of its space.
Add a Background Image to the Mobile Menu
This code snippet will allow you to add a background image to the mobile menu.
Place Sections Beside Each Other | Squarespace 7.1
This code snippet will allow you to place two sections beside each other in Squarespace 7.1.
Change the Background Color of the Search Page
This code snippet will allow you to change the background color of the search results page.
Split Background Color
This code snippet will allow you to have two colors in the background split vertically so that you have one color on the right and one color of the left.
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.
Custom Section Shapes (Slanted Sections)
This code snippet will allow you to change the shape of your sections such as creating slanted sections.
Add a Colour Gradient to Backgrounds
This code snippet will allow you to add a colour gradient to backgrounds.
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.