This is where I put all the tools, videos, and code I normally only share with clients. If you're a member, you can access the full archive. If not, you'll still find a few free articles and tutorials to get you started.
From SEO blog templates and Squarespace tweaks to Buffer workflows and Acuity Scheduling guides — everything here is designed to make your digital presence feel simpler and more manageable.
Use the filters below to explore by category.
DIY | LIBRARY
— Your shortcut to a more confident, hands-on website experience.
CATEGORIES
SELECT A CATEGORY
TAGS
SELECT A TAG
- accordion block
- appointment types
- background
- blog
- border
- button
- caption
- contacts
- corners
- demeter
- dividers
- email campaigns
- font
- gallery block
- hide
- hover
- justify
- lightbox
- lowercase
- metadata
- monospace
- overview
- padding
- scheduling limits
- shadow
- smooth scroll
- sticky
- subscribers
- summary block
- title
- underline
DIY | Library
CATEGORIES
TAGS
- accordion block
- appointment types
- background
- blog
- border
- button
- caption
- contacts
- corners
- demeter
- dividers
- email campaigns
- font
- gallery block
- hide
- hover
- justify
- lightbox
- lowercase
- metadata
- monospace
- overview
- padding
- scheduling limits
- shadow
- smooth scroll
- sticky
- subscribers
- summary block
- title
- underline
Need Something thats not there yet?
DIY | Library | Footer
Use CSS to customise your Squarespace footer. From layout tweaks to font updates and borders, find copy-paste code snippets in this growing DIY collection.
DIY | Library | Functions
Improve your Squarespace site with smooth scroll and other custom functions. Easy code snippets with tips and updates added regularly to the DIY | Library.
DIY | Library | List Section
Style the list section in Squarespace using CSS for better layout control. Modify padding, fonts and buttons with easy-to-use code examples that you can copy
DIY | Library | Images
Discover Squarespace image custom CSS tips. Style your images with rounded corners, hover effects and spacing tweaks using code snippets ready to copy/paste
DIY | Library | Accordion Block
Customise your Squarespace accordion block with CSS. This guide shows how to tweak your design with custom code snippets that are easily copied and pasted
DIY | Library | Gallery Block
Style your Squarespace gallery block using CSS—adjust spacing, layout, hover effects, image shapes and more with easy code snippets ready to copy/paste
DIY | Library | Form Block
Tidy up and style your Squarespace form block using CSS—change widths, button design, spacing, fonts and more with custom code snippets ready to copy/paste
DIY | Library | Summary Block
Customise your Squarespace summary block with CSS—tweak spacing, layout, image size, text styles, and more with easy-to-use code snippets ready to copy/paste
DIY | Library | Markdown
Discover quick and easy CSS tweaks for markdown blocks in Squarespace. Style headings, lists, spacing, and more with simple code snippets that you can copy
DIY | Library | Links
Learn how to customise link colour, hover effects, underlines, and more with these Squarespace CSS code snippets. Quick, easy, and copy-paste ready.
DIY | Library | Blog
Use CSS to customise your Squarespace blog layout, font, spacing, and image styles. This DIY guide gives you ready-to-use code snippets and tips to copy/paste.
DIY | Library | Headers
Learn how to style Squarespace headers using CSS. Tweak fonts, colours, spacing and layout with simple, reusable code you can copy/paste and customise.
DIY | Library | Fonts
Discover how to customise Squarespace fonts with CSS—add Google or brand fonts, tweak headings and more. Copy-paste snippets included. by Sarah from foubography
DIY | Library | Menu
Learn how to edit your Squarespace CSS menu with easy-to-use code. This guide covers desktop and mobile tweaks using accordion blocks for simple navigation.