Squarespace Tutorials
Replace Social Icons in the Header | Squarespace 7.1
In this video, I show you how to replace a social icon in the header with an image or logo of your choosing.
Create Slanted Sections in Squarespace 7.1
In this video, I show you how to customize your website with slanted or angled sections in Squarespace 7.1.
Edit the Site Title and Logo for Mobile in Squarespace 7.1
In this video, I show you how to edit the site title and logo for mobile in Squarespace 7.1.
How to Add Text Beside a Gallery in Squarespace 7.1
In this video, I show you how to use CSS to place two sections beside each other. This would allow you to add text or other blocks beside a Gallery Section while still having all of the mobile responsive benefits of using native Squarespace Blocks.
Free Translator Plugin for Squarespace
In this video, I partnered with ConveyThis to show you how to install their Free Translation Plugin into your Squarespace website.
Add a Shadow to Buttons in Squarespace 7.0 & 7.1
In this video, I show you how to add a shadow to buttons site-side, on one page, in one section, and for one button in both Squarespace 7.0 & 7.1.
How to Create a Vertical Navigation in Squarespace 7.1
In this video, I show you how to use the horizontal header menu to create a vertical navigation in Squarespace 7.1.
Resize Images for Mobile in Squarespace 7.1
Squarespace does a good job at altering your website for different screen sizes. However, there are a couple tweaks I apply to just about all of the websites I design in order to make them a little bit more mobile-friendly. This video shows you how to resize your images when being viewed from a mobile device in Squarespace 7.1.
Before and After Image Slider in Squarespace 7.1
In a previous video, I showed you how to add a Before and After Image Slider to Squarespace 7.0. However, this method using a Stacked Gallery Block which is not available in Squarespace 7.0. Now available in my shop, is an Image Slider for Squarespace 7.1 !
Animated Gradient Text on Squarespace
In this video, I show you how to animate gradient colour text on your Squarespace Website.
Resize Gallery Blocks for Mobile on Squarespace
Squarespace does a good job of altering your website for different screen sizes. This video shows you how to resize gallery blocks when being viewed from a mobile or tablet device.
How to Display Images Side by Side on Squarespace Mobile View
In this video, I show you how to set up your images so that you can display two images side by side when viewed from a mobile device.
Edit the Banner Image on Mobile in Squarespace 7.0
In this video, I will show you how to change the banner or background to a different image when viewing on a mobile device.
Use Anchor Links to Jump Down a Different Page
The following video goes into how to use the code block to add anchor links that jump you to a specific spot on a different page of your Squarespace website.
Add a Page Loading Screen to Squarespace
In this video, I show you how to add an animated page loading screen to your Squarespace website.
Edit the Mobile Logo on Squarespace
In this video, I show you how to resize or hide your logo when being viewed from a mobile device.
How to Animate Text on Your Squarespace Website
Squarespace has given you the option to animate images on your website. In this video, I show you how to animate blocks of text.
Add A Facebook Messenger Chat Box To Your Squarespace Website
The following video shows you how to add a Facebook Messenger chat box to your Squarespace website.
How to Add Gold Foil Text to Your Squarespace Website
There is a growing trend to use gold foil and other patterned text within Squarespace websites. The following video shows you how to achieve this look on your own Squarespace website.
How to Add A Dropdown Box to Your Squarespace Website
In order to provide a user friendly experience, it is important that you take the time to simplify your pages. A great way to simplify pages like your FAQ page is to use dropdown boxes. The following video walks you through how to add a dropdown box to your Squarespace website.
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.