How to Change Squarespace Blog Post Paywall Text: A Step-by-Step Squarespace CSS Tutorial
Here's what you'll find in this blog post:
→ Info about this tutorial
→ Video tutorial
→ Code example
→ Related content
About this tutorial
This tutorial is specifically for blogs that are using the paywall feature. To learn more about how to monetize your Squarespace blog, check out this overview of Squarespace blog paywalls.
You can now monetize your Squarespace blog content by restricting access to exclusive posts or articles behind a paywall. Squarespace released a new feature allowing creators to create a paywall for individual blogs on their website.
This means we have new things to customize with CSS! In this video tutorial, you'll learn how to change the paywall text on your Squarespace blog posts step by step. Whether you want to customize the style of the message that appears to non-subscribers or simply update the wording to better fit your branding, this tutorial video will walk you through the process.
The code for this tutorial is below, but make sure you watch the video so you understand what parts you'll need to change, and what parts should stay the same!
The Squarespace CSS Cheat Sheet has been updated with new blog paywall selectors & snippets! If you don’t have a copy of my code collection yet, you can get lifetime access at insidethesquare.co/css
Video tutorial
Code Example
.blog-item-content-paywall-notice-text:before {
font-size: 1rem!important;
content:"SPECIAL OFFER\A";
white-space:pre;
font-weight:normal;
letter-spacing:5px
}
.blog-item-content-paywall-notice-text:after {
font-size: 1.5rem!important;
content:"Get Free Access for 7 Days"
}
.blog-item-content-paywall-notice-text {
font-size: 0!important;
text-align:center
}🧭 Explore 15+ Squarespace blog tutorials: insidethesquare.co/blogs
🤷♀️ Blog vs Portfolio: what's the difference? insidethesquare.co/blog-vs-portfolio
📝 Squarespace blogging: what makes a good blog post great (ThinkInsideTheSquare Podcast): insidethesquare.co/podcast/21
👯 How to set up a membership site using Squarespace (ThinkInsideTheSquare Podcast): insidethesquare.co/podcast/31
