- Built for Squarespace 7.1; the snippets are not written for 7.0.
- It is a code library, not a plugin with settings, so you paste and edit CSS yourself.
- Most snippets go into the Custom CSS panel, and any that need JavaScript require a plan with Code Injection.
- At $197 it costs more than buying one or two individual plugins, so it makes most sense if you will use several snippets or build sites for clients.
Overview
CSS Toolbox is Chris Schwartz-Edmisten's library of copy and paste CSS snippets for Squarespace 7.1. It collects 30 small fixes and design touches, from autoplay carousels and navigation dropdown arrows to a floating back to top button and outlined text, for a one time $197.
What you get
- 30 CSS snippets, each with its own walkthrough page in the library
- Navigation and header fixes such as dropdown arrows, fade in dropdowns, clickable folder titles, a logo in the mobile menu and mobile header height
- Gallery, carousel and slideshow tweaks including autoplay, properly aligned arrows and one image per row on mobile
- Blog fixes such as proper post width, inset list width and a banner on blog posts
- Footer and finishing touches including an auto updating copyright year, a top border, an overlapping footer logo and cookie banner styling
- Text effects such as outlined text, a background image inside text, animated link backgrounds and custom bullet points
Who it suits
Squarespace designers and confident site owners who keep searching for the same small CSS fixes and would rather have a tested library from one source than piece snippets together from forums.
Honest limits
- Built for Squarespace 7.1; the snippets are not written for 7.0.
- It is a code library, not a plugin with settings, so you paste and edit CSS yourself.
- Most snippets go into the Custom CSS panel, and any that need JavaScript require a plan with Code Injection.
- At $197 it costs more than buying one or two individual plugins, so it makes most sense if you will use several snippets or build sites for clients.
How it is delivered
Buy CSS Toolbox once on the Schwartz-Edmisten site for $197 and you get access to the snippet library. Each snippet has its own page; you copy the code into Squarespace's Custom CSS panel, or Code Injection where noted, and adjust values such as colours and sizes to suit your design.
Related guide: Squarespace styling plugins and the Squarespace plugins hub.
What you get: 30 CSS snippets, each with its own walkthrough page in the library; navigation and header fixes such as dropdown arrows, fade in dropdowns, clickable folder titles, a logo in the mobile menu and mobile header height; gallery, carousel and slideshow tweaks including autoplay, properly aligned arrows and one image per row on mobile; blog fixes such as proper post width, inset list width and a banner on blog posts; footer and finishing touches including an auto updating copyright year, a top border, an overlapping footer logo and cookie banner styling; text effects such as outlined text, a background image inside text, animated link backgrounds and custom bullet points.
Who it suits: Squarespace designers and confident site owners who keep searching for the same small CSS fixes and would rather have a tested library from one source than piece snippets together from forums.
Honest limits: Built for Squarespace 7.1; the snippets are not written for 7.0. It is a code library, not a plugin with settings, so you paste and edit CSS yourself. Most snippets go into the Custom CSS panel, and any that need JavaScript require a plan with Code Injection. At $197 it costs more than buying one or two individual plugins, so it makes most sense if you will use several snippets or build sites for clients.
How it is delivered: Buy CSS Toolbox once on the Schwartz-Edmisten site for $197 and you get access to the snippet library. Each snippet has its own page; you copy the code into Squarespace's Custom CSS panel, or Code Injection where noted, and adjust values such as colours and sizes to suit your design.
- Supplies 30 copy and paste CSS snippets for Squarespace 7.1
- Fixes common navigation, gallery, blog and footer annoyances
- Adds small design touches such as outlined text and custom bullets
Full specifications
Specifications
Fixes common navigation, gallery, blog and footer annoyances
Adds small design touches such as outlined text and custom bullets
Walkthrough page for each snippet
Navigation, gallery and carousel fixes
Blog and footer improvements
Text and link effects
One time payment
Agencies
Small businesses
It is a code library, not a plugin with settings, so you paste and edit css yourself.
Most snippets go into the custom css panel, and any that need javascript require a plan with code injection.
At $197 it costs more than buying one or two individual plugins, so it makes most sense if you will use several snippets or build sites for clients.