Update “Read More” blog link to custom text in Squarespace 7.1
Pin to save for later
Squarespace 7.1 offers a sleek, user-friendly blogging platform, but sometimes the default elements don’t quite match the personalized experience you want for your readers. One common customization is updating the “Read More” link that appears with blog excerpts.
Customizing this text to better reflect your brand voice or fit your site’s style can make your blog feel more cohesive and engaging.
The great news is that you don’t need extensive coding knowledge to make this change. In this post, we’ll show you how to update the “Read More” link to display custom text in your Squarespace 7.1 blog.
How to customize “Read More” link in Squarespace 7.1 blog
1. From your Squarespace dashboard, go to:
Pages > Scroll down to Website Tools > Custom CSS
2. Copy & paste the CSS in the box below:
//UPDATED BLOG READ MORE TEXT
a.blog-more-link {
visibility: hidden;
font-size: 0 !important;
}
a.blog-more-link:before {
visibility: visible;
content: "Listen Now";
font-size: 15px;
letter-spacing: 0.5px;
border-bottom: 1px solid;
}
4. Update “Listen Now” to your text of choice — make sure to include the punctuation marks
5. Save!
Thanks for reading!
Did this tutorial help? Consider buying me a coffee as thanks! 🥰
Use discount code STYLEDSQUARE10 to save 10% off your Squarespace Subscription!
* Disclaimer: This post contains affiliate links. If you purchase through our links, we may earn a small commission at no extra cost to you. We only ever recommend tools we genuinely use and love.
