Squarespace Tutorials
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 Create a Vertical Navigation in Squarespace 7.0
In this video, I show you how to use the horizontal header navigation to create a vertical navigation in Squarespace.
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.
Add an Overlay to One Page on Squarespace
In this video, I show you how to use Custom CSS to add an overlay on a specific page on 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.
Center a Button in an Image Block on Squarespace
In this video, I show you how to quickly center a button in an image block on your Squarespace website.
Add a Border Around Text in a Card Image Block
In this video, I show you how to add a border around a text in a card image block on your Squarespace Website.
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.
How To Only Display the Cart Icon Once An Item Has Been Added
Do you ever wish you could hide the cart icon on your Squarespace Website while the cart is empty? In this video I show you how to only show the cart icon once an item has been added.
Add a Clickable Phone Number on Squarespace
A clickable phone number is super easy to add to your website and will make it just that little bit easier for potential clients to contact you. The following video shows you how to add a clickable phone number to your own Squarespace Website.
Text Block Overlaps Two Sections in Squarespace
Have you ever wondered how some websites have a coloured text block that overlaps two sections on a Squarespace Website? With a few design tricks you can obtain this look on your own site. Watch the video to find out how!
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.
Rebecca Grace Designs' Before and After Image Sliders
I am proud to announce that Rebecca Grace Designs is now offering Before/After Image Slider plugins. In this video I show you how to install and customize Rebecca Grace Designs Before/After Image Sliders on your Squarespace website.
How to Customize the TwentyTwenty Before/After Image Slider
Before/After Image Sliders are a great tool to showcase your products in an interactive way. However, wouldn’t it be even better if it matched your brand’s colour? In this video, I show you how to customize the “twentytwenty” before/after image slider to match your brand!
How to Add a Before After Image Slider to Your Squarespace Website | Squarespace 7.0
Do you sell Photoshop or Lightroom actions and presets? Before/After Image Sliders are a great tool to showcase your products in an interactive way. In this video, I show you how to install the “twentytwenty” before/after image slider on 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.
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.