How to Hide the Excerpt but Keep the 'Read More' Link in a Summary Block in Squarespace
If you're using a summary block in Squarespace and wish you could show just the “Read More” link without displaying the excerpt text you may have noticed this limitation. As of the time of the tutorial below, July 2025, Squarespace doesn’t give you the option to display one without the other. But that doesn’t mean it can’t be done.
Here’s a quick and easy workaround using CSS. And if you’d also like to change the text on the “Read More” link, I’ve got another blog post that walks you through exactly how to do that—be sure to check it out!
BEFORE HIDING THE EXCERPT
AFTER HIDING THE EXCERPT
Why You Might Want to Hide the Excerpt
Sometimes, displaying both the excerpt and the “Read More” link can clutter your layout—especially if your excerpt is long or your design is more minimal. Hiding the excerpt while keeping the link can create a cleaner, more streamlined experience for your website visitors.
How to Hide the Excerpt But Keep the Read More Link
Go to Website > Pages >Custom Code > Custom CSS
Copy and paste the code below (scroll down)
Hit ‘Save’
And that’s it! The excerpt text will be hidden, but the “Read More” link will remain intact.
💡 Note: Be sure to check your summary block design after applying the code to ensure everything looks the way you want across all devices.
Possible sub-subheading
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Amet volutpat consequat mauris nunc. Etiam dignissim diam quis enim lobortis scelerisque.
Adipiscing vitae proin sagittis nisl rhoncus mattis rhoncus. Morbi tempus iaculis urna id volutpat. Massa sed elementum tempus egestas sed sed risus. Varius vel pharetra vel turpis nunc. Volutpat sed cras ornare arcu dui vivamus arcu. Dignissim diam quis enim lobortis.
Condimentum id venenatis a condimentum. Leo urna molestie at elementum eu facilisis sed odio. Sit amet purus gravida quis blandit turpis cursus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Amet volutpat consequat mauris nunc. Etiam dignissim diam quis enim lobortis scelerisque.
Adipiscing vitae proin sagittis nisl rhoncus mattis rhoncus. Morbi tempus iaculis urna id volutpat. Massa sed elementum tempus egestas sed sed risus. Varius vel pharetra vel turpis nunc. Volutpat sed cras ornare arcu dui vivamus arcu. Dignissim diam quis enim lobortis.
Condimentum id venenatis a condimentum. Leo urna molestie at elementum eu facilisis sed odio. Sit amet purus gravida quis blandit turpis cursus.
Code Snippet
/* Hide summary block excerpt */
.sqs-block-summary-v2 .summary-excerpt p {
display: none;
}
Was this helpful?
Where are you going to use this? How is it going to improve your layout? I’d love to hear about it in the comments 👇
If you liked this post, you’ll LOVE these:
This page contains affiliate links
Like this post?
