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.

DIY | Library

CATEGORIES

TAGS

Need Something thats not there yet?

CSS Sarah Foubert CSS Sarah Foubert

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.

Read More
CSS Sarah Foubert CSS Sarah Foubert

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.

Read More
CSS Sarah Foubert CSS Sarah Foubert

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

Read More
CSS Sarah Foubert CSS Sarah Foubert

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

Read More
CSS Sarah Foubert CSS Sarah Foubert

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

Read More
CSS Sarah Foubert CSS Sarah Foubert

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

Read More
CSS Sarah Foubert CSS Sarah Foubert

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

Read More
CSS Sarah Foubert CSS Sarah Foubert

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

Read More
CSS Sarah Foubert CSS Sarah Foubert

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

Read More
CSS Sarah Foubert CSS Sarah Foubert

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.

Read More
CSS Sarah Foubert CSS Sarah Foubert

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.

Read More
CSS Sarah Foubert CSS Sarah Foubert

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.

Read More
CSS Sarah Foubert CSS Sarah Foubert

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

Read More
CSS Sarah Foubert CSS Sarah Foubert

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.

Read More