Squarespace Tutorials
Reorder Sections on Mobile | Squarespace 7.1
In this video, I show you how reorder blocks on the mobile view of your Squarespace 7.1 Site.
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.
Reorder Blocks on Mobile | Squarespace 7.1
In this video I show you how to change the order of the blocks on the mobile version of your Squarespace site.
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.
Edit Your Squarespace Site for Mobile
In this video, I show you how to use media queries in Squarespace so that you can customize your website for different screen sizes.
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.
Full Mobile Banner Image in Squarespace (No Cropping!)
In this video, I show you how to have the exact same image appear on both the desktop and mobile without any cropping or zooming.
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.
Grid Summary Items in Two Columns on Mobile
In this video, I show you how to have your grid summary items display side by side in two columns on mobile.
Make Your Video Banner Mobile Friendly in Squarespace 7.1
Is your Squarespace video banner not playing or showing up correctly on mobile? Learn how to set a fallback image for mobile view with CSS.
Portfolio Projects Side by Side on Mobile in Squarespace 7.1
In this video, I show you how to have your portfolio projects go side by side in two columns on mobile in Squarespace 7.1.
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.
The Difference Between PX, VW and REM and What It Means for Your Mobile Friendly Website.
For those of you familiar with the Squarespace 7.0 platform, you may have noticed a small but significant change Squarespace made in their font styles. The font sizes in Squarespace are now measured in '“rem” rather than “px”. Why did Squarespace make this change and what does it mean for the responsiveness of my site?
Autoplay Carousel Summary Blocks
In this video, I show you how to get your summary blocks to automatically scroll through the carousel items.
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.