CUSTOM CSS FOR SQUARESPACE
Button Style Tutorials
Did you know there are over 10 different types of buttons you can use on Squarespace?! These tutorials will help you change the look of them with some custom CSS. From creative background colors to eye catching hover effects, you can make that call to action really pop with some custom code!
Brand new to custom CSS?
In this tutorial, you’ll learn how to change the read more link in a summary block to anything you want it to be.
In this quick tutorial, learn how to customize the lesson footer in your Squarespace course with CSS! You'll learn how to change the color and position of the footer button and alter the footer's background color to match your site's design.
In this tutorial, you’ll learn how to turn the event Google and iCal event links in Squarespace into buttons using CSS.
Adding a Jump To Recipe button on your Squarespace blog is simple and straightforward once you know how! By utilizing the code block in Squarespace to create your anchor link, you can quickly create an organized website with helpful features to keep readers engaged with all of the delicious recipes posted on your site.
The CTA button in your Squarespace website can be a link to a phone number, but no one needs that on desktop! This tutorial will teach you how to create that link for mobile only.
In this Squarespace tutorial, you’ll learn how to customize the style of primary, secondary, and tertiary buttons in Squarespace.
In this tutorial, you’ll learn how to create a custom button hover effect in Squarespace.
Having a call to action button in your website header is a really common design style, and Squarespace makes it easy to add it. But what about TWO buttons?! For that you need a little extra CSS, and that’s exactly what this tutorial will teach you.
When you build a member area in Squarespace, you’ll get the option to add a “login” link to the top of your site. While that’s great, it’s a super boring text link! Luckily this tutorial will help you change that. 😎
In this tutorial, you’ll learn how to create multiple buttons for one image block in Squarespace.
In this tutorial, you’ll learn how to install ShareThis social media buttons in a blog post in Squarespace 7.1
In this tutorial you’ll learn how to create custom styles for list item cards in Squarespace.
In this tutorial you’ll learn how to create custom buttons for individual items in a list section in Squarespace.
In this tutorial I am going to show you how to use some custom CSS to create equal width buttons in your Squarespace site, and how to apply this code to just the mobile version too!
In this tutorial I am going to show you how to use some custom CSS to create a frosted glass buttons with a hover effect on your Squarespace website.
This tutorial will show you how to use an image for a button background in Squarespace and works for both version 7 and 7.1
Learn just how easy it is to create any button hover effect you can imagine in Squarespace!
Announcement bars are a great place to get the attention of your website visitors. Make it even more actionable by adding a button to the announcement bar with this week’s CSS tutorial!
In this tutorial, you’ll learn how to customize the category links displayed on a blog post in Squarespace using CSS.