Squarespace Tutorials
5 Steps to Clean Up the Code on Your Squarespace Website
Messy, unorganized code is a slippery slope to a glitchy and slow website. Use these 5 steps to ensure that your code is organized and optimized.
5 Custom Codes for your Squarespace Store
Looking to spruce up your Squarespace E-Commerce Store? In this guide, I delve into five popular codes related to the E-Commerce side of Squarespace.
Change the Mobile Background Image in Squarespace 7.1
In this video, I show you how to edit the banner image to display a different image when viewed from a mobile device in Squarespace 7.1.
How to Hide Part of Your Footer on Your Squarespace Website
In this video, I show you how to hide one part of your footer on a specific page of your Squarespace Website.
Change Image on Hover in Squarespace
In this video, I show you how to use CSS to change the image when a visitor hovers overtop.
That code you found isn't working in Squarespace? Here are 4 reasons why…
You copied and pasted code into Squarespace and it didn’t work. Here are four reasons why…
How to Add a Multi-Layer Accordion Dropdown in Squarespace
Need an accordion within an accordion? Display your FAQ’s using a Multi-Layer Accordion Dropdown Box.
Create a Cover Page in Squarespace
In this video, I show you how to hide the header and footer of a specific page in both Squarespace 7.0 and 7.1 to create a cover page or landing page.
Grid Gallery Captions on Hover | Squarespace 7.1
In this video, I show you how to have your captions display overtop the image on hover for Grid Gallery Sections in Squarespace.
How to Create Squarespace Forms and Customize Them With CSS
Learn how to create forms in Squarespace and completely customize the form titles, captions, and message with copy & paste CSS snippets.
The Ultimate Guide to Carousels in Squarespace
Let’s talk about carousels in Squarespace. Click here to learn how to add them, how to get them to auto scroll or auto play, and how to use a carousel to display testimonials.
4 Hover Effects for the Squarespace Shape Block
In this video, I show you four different hover effects you can add to the Squarespace Shape Block using CSS.
Hide Shopping Cart Icon When Cart is Empty
In a previous video, I showed you how to hide the shopping cart icon in the header when the visitors cart is empty. However, with the latest Fluid Engine up this has become much easier!
Rotate a Shape Block in Squarespace
In this video, I show you how to rotate a shape block in Squarespace using CSS.
Recreate Classic Image Block Layouts in Squarespace Fluid Engine
In this video I show you how to recreate the image block layouts from the classic editor in the new Squarespace Fluid Engine editor.
How will Fluid Engine affect my code?
In this video I show you some of the ways the new Squarespace Editor Fluid Engine may effect your current code.
Add a Table to Your Squarespace Website
In this video, I will show you how to use custom code to add a table to your Squarespace website.
Remove the Header and Footer from a Page in Squarespace
In this video I show you how to hide the whole header and footer to create a cover page (or landing page) as well as how to hide just one part of the footer.
Margin vs Padding: How to remove spacing from anywhere in Squarespace.
In this video, I explain the difference between margin and padding, how to know which one is causing the space, and how to remove it (or add to it).
Coding 101: Beginners Guide to CSS in Squarespace
In this video I show you In this video, I go over the basics of CSS and how to use it to fully customize in Squarespace.
Edit the Read More Blog Link
In this video, I show you how to customize the words “Read More” in the Read More Blog Link.
6 Do’s and Don’ts of Coding in Squarespace
In this video I go over 6 do's and don'ts of using CSS in Squarespace so that you can ensure your code is efficient and easier to edit.
Add a Transparent Background to Text and Buttons in Squarespace
In this video I show you how to add a transparent background colour behind your text and buttons in Squarespace 7.0 and 7.1.
Change Width of Mobile Menu | Squarespace 7.1
In this video, I show you how to change the width of the mobile navigation menu in Squarespace 7.1.
Customize the Input Field Text in a Squarespace Form
In this video, I show you how to customize the text that visitors input into your form.
Create a Secondary Navigation in Squarespace 7.1
In this video I show you how to create a secondary navigation in Squarespace 7.1 by placing your site title or logo in the center with navigation items on each side.
Hide Blog Tags in Squarespace 7.1
In this video, I show you how to use custom css to hide the list of tags on a blog post in Squarespace 7.1.
Vertically Center an Image in a Card Image Block (Updated March 2021)
In this video, I show you how to center an image in an image card block in both Squarespace 7.0 and 7.1.
Add a Vertical Line to Squarespace
In this video, I show you how to add a vertical line to squarespace.
Style Image Caption on Hover in Squarespace 7.1
In this video, I show you how to style the image captions on hover for Inline Image Blocks in Squarespace 7.1.
Need Help With Your Squarespace Website?
My 1:1 Squarespace Help Sessions are perfect for those who need help with a specific aspect of their Squarespace Website. You will get one hour of my undivided attention to ask as many questions as you can. We will even do the changes live during the call.