From background patterns to fun with fonts, from animated gradients to getting that little scroll indicator in the Brine family of templates to bounce, these custom CSS tricks and other code hacks for Squarespace will help you design a better Squarespace website. You can see some of the resources contained in these articles in action on the Marksmen Studio website, which is in the Brine template. Or view the websites featured in the articles.
On the portfolio page, see a scrolling full-page screenshot.
On the contact page, see the contact form for a repeating background pattern.
All but one of these hacks work in every Squarespace template.
Animated gradient backgrounds using your website’s color palette can add a cool, sophisticated look to a simple page in Squarespace.
Choosing CSS background patterns instead of background images fits Squarespace's aesthetic, is faster, and adds a note of sophistication to your website.
How to get that nifty scroll indicator (down arrow) to bounce in the Brine family of templates in Squarespace.
Add an attractive scrolling image on hover of a full web page of any length in a normal container in Squarespace.
How to combine multiple fonts of different sizes and colors to create a strikingly flamboyant effect in Squarespace.
Create a striking color gradient border for your Squarespace website using just a few lines of CSS with a sneaky use of Squarespace's announcement bar.