All Articles
Back To Top Button Builder
Build your own Back To Top Button. Use the Settings on the right to dial in your design, then toggle to the Code tab to copy and paste the necessary code into your website.
Live Webinar! AMA with Christy Price on May 17th
I’ve got my brave pants on and I’m ready for your hardest q’s.
Even if you don’t have a question, come hang out with Christy Price and I as we talk about all things Squarespace, coding, and starting/running your own business on Tuesday May 17th, we’ll be going live at 11am EST. Would love to have you join us!
Custom CSS Best Practices: Maintaining Clean and Organized Code
If you’re building a custom Squarespace website, you’ll surely be adding Custom CSS. In this article, I’m going to go over some best practices for maintaining clean and organized code in your custom CSS area.
Adding Comments to your Code in Squarespace
Learn the different types of comments you can add, and where you can add them, on your Squarespace website.
Adding A Search Icon To Your Site Header
Add a search icon to your site header that brings your to your native Search Page within Squarespace 7.1. This is an update to my tutorial on adding a search block to your header.
Donations for Ukraine
For the month of April, I’m going to be matching any donation you give to organizations helping Ukraine and Ukrainian Refugees, up to $500 (total). If you donate, send me a picture of your receipt and I’ll match it at the end of the month. Every little bit helps, and this is a way to double your impact.
Summary Block Style #1 [for Grids]
This tutorial is simply a free unique style for your Grid Summary Blocks. There are a number of elements that you can customize, and I review each of these in the accompanying video. Enjoy!
Tabs (for Blocks) [PLUGIN UPDATE]
I've just launched a new update to my Tabs (for Blocks) plugin. A few of the new features are: Vertical Tabs , Hover Tabs , More Tab Styling Options , Updated Installation Page.
Replace Thumbnail Image on Hover
Currently, your thumbnail images can only display a single image. In this tutorial, I’ll walk you how to display a different image on hover with just a little bit of CSS.
Prevent Cropping on Full Width Gallery Sections
Prevent cropping on full width images within gallery sections. In this tutorial, I’ll walk you making your gallery sections responsive through a single line of code.
Full Width Blocks in Squarespace
Break any block outside of that 12 column layout to make it go full width .
Multicolored List Items
In this tutorial, I walk you through how you can use CSS to add a background color or multiple different background colors to your list items.
Vertically Center Summary Block List
Vertically align the summary blocks content so that it’s centered with the summary blocks image.
Show Multiple Logos for Auto List Carousel on Mobile
Increase the number of viewable items on mobile and tablet for the Auto List Carousel section.
Replace Footer on One Page
Replace your footer section on any page using the “Hide Globally, show locally” pattern.
Reorder Product Details on a Product Page
The order property in CSS allows us to reorder items in a flex or grid container. In this tutorial, we turn the product details area into a flex container and reorder the price item to be just above the purchase button.
Add a breadcrumb to Blog Category & Tag pages
Help your users out by adding a breadcrumb on your Blog Category & Tag Pages indicating which filters are being used.
Scrolling Logos in Squarespace using a Gallery Section
This tutorial walks you through creating your own Auto Scrolling Logo Slider on your website. We’ll be using a Squarespace 7.1 gallery section to get this done.
Add Curved Edges to Page Sections [STUDENTS ONLY]
This tutorial is available for students in my Build Grid Page Layouts in Squarespace Mini Course. In this lesson, I go over how to add these curved edges, as well as jump into talking a little bit about Custom Properties (variables), and a deeper look into the border-radius property.