Library of code

The Library of Code is a compilation of different bits of html, CSS and Javascript that I’ve used in my own web design.

Keep these at hand by subscribing to the foubography rss feed or head to foubography’s instagram and save the posts.

Sarah Foubert Sarah Foubert

Summary Blocks

This Squarespace plug-in code allows you to change the summary block with CSS.

The Library of Code is a compilation of different bits of html, CSS and Javascript that I’ve used in my own web design. Rather than keeping the links from creators all over the internet stored locally I thought I’d share them instead! Keep these at hand by subscribing to the foubography rss feed or head to foubography’s instagram and save the posts.

Read More
Markdown Sarah Foubert Markdown Sarah Foubert

Markdown | text-align: center

This Squarespace plug-in code allows you to center your text in a markdown box.

The Library of Code is a compilation of different bits of html, CSS and Javascript that I’ve used in my own web design. Rather than keeping the links from creators all over the internet stored locally I thought I’d share them instead! Keep these at hand by subscribing to the foubography rss feed or head to foubography’s instagram and save the posts.

Read More
Links Sarah Foubert Links Sarah Foubert

Remove underline for links

This Squarespace plug-in code removes underlines for links either site wide or for specific blocks.

The Library of Code is a compilation of different bits of html, CSS and Javascript that I’ve used in my own web design. Rather than keeping the links from creators all over the internet stored locally I thought I’d share them instead! Keep these at hand by subscribing to the foubography rss feed or head to foubography’s instagram and save the posts.

Read More
Blog Sarah Foubert Blog Sarah Foubert

Change blog category dividers

This squarespace plug-in code changes the category dividers on every page into anything you put between the “ ”

The Library of Code is a compilation of different bits of html, CSS and Javascript that I’ve used in my own web design. Rather than keeping the links from creators all over the internet stored locally I thought I’d share them instead! Keep these at hand by subscribing to the foubography rss feed or head to foubography’s instagram and save the posts.

Read More
Headings Sarah Foubert Headings Sarah Foubert

Header Background

Create a highlight effect for your Header by adding a custom background colour, padding and adjusted corners.

The Library of Code is a compilation of different bits of html, CSS and Javascript that I’ve used in my own web design. Rather than keeping the links from creators all over the internet stored locally I thought I’d share them instead! Keep these at hand by subscribing to the foubography rss feed or head to foubography’s instagram and save the posts.

Read More
General Sarah Foubert General Sarah Foubert

Set Monospace font

Adjust your monospace font on your Squarespace website with this little bit of CSS code. Just paste it in Design > Custom Code.

The Library of Code is a compilation of different bits of html, CSS and Javascript that I’ve used in my own web design. Rather than keeping the links from creators all over the internet stored locally I thought I’d share them instead! Keep these at hand by subscribing to the foubography rss feed or head to foubography’s instagram and save the posts.

Read More
General Sarah Foubert General Sarah Foubert

Smooth Scroll

Smooth scroll is particularly useful when using anchor links on a page. Just paste the code in Design > Custom Code.

The Library of Code is a compilation of different bits of html, CSS and Javascript that I’ve used in my own web design. Rather than keeping the links from creators all over the internet stored locally I thought I’d share them instead! Keep these at hand by subscribing to the foubography rss feed or head to foubography’s instagram and save the posts.

Read More
Menu Sarah Foubert Menu Sarah Foubert

Navigation on One Line in Browser

Get your navigation to stay on one line in your browser on your Squarespace website with this little bit of CSS code. Just paste it in Design > Custom Code.

The Library of Code is a compilation of different bits of html, CSS and Javascript that I’ve used in my own web design. Rather than keeping the links from creators all over the internet stored locally I thought I’d share them instead! Keep these at hand by subscribing to the foubography rss feed or head to foubography’s instagram and save the posts.

Read More
Mobile Menu Sarah Foubert Mobile Menu Sarah Foubert

Mobile Menu Font Size

Squarespace 7.1 doesn’t allow editing the mobile menu font size yet, but this little bit of code lets you do it anyway!

The Library of Code is a compilation of different bits of html, CSS and Javascript that I’ve used in my own web design. Rather than keeping the links from creators all over the internet stored locally I thought I’d share them instead! Keep these at hand by subscribing to the foubography rss feed or head to foubography’s instagram and save the posts.

Read More
Menu Sarah Foubert Menu Sarah Foubert

Clickable Menu Folders

One of the most useful bits of code: clickable folders in Squarespace. A bit more complicated to add the code than usual, but worth the trouble. 

The Library of Code is a compilation of different bits of html, CSS and Javascript that I’ve used in my own web design. Rather than keeping the links from creators all over the internet stored locally I thought I’d share them instead! Keep these at hand by subscribing to the foubography rss feed or head to foubography’s instagram and save the posts.

Read More