Use and Customize the Squarespace Summary Block

Set up recurring payments in your Squarespace store + use this CSS hack to alter ‘subscribe’ text.
Original post:
ajmexperience....
For more CSS code to enhance your website designs, check out the rest of the learn series:
ajmexperience....
Get our free CSS Selector Cheat Sheet:
www.ajmexperie...
Get our full CSS Library:
www.ajmexperie...
------
HERE'S THE CSS:
// adjust padding under summary block //
.sqs-block-summary-v2 {
.summary-item {
margin-bottom: 10px !important; }}
// center summary block //
.summary-item-list {
display: flex;
flex-wrap: wrap;
justify-content: center; }
// title text //
.sqs-block-summary-v2 {
.summary-title {
font-size: 20px !important;
color: #7cccbd; }}
// excerpt text //
.sqs-block-summary-v2 {
.summary-excerpt {
font-size: 20px !important;
color: #7cccbd; }}
// remove click on summary block //
.sqs-block-summary-v2 {
pointer-events: none; }
// Border around entire block //
.summary-item-list-container {
border: 3px solid #7cccbd;
border-radius: 8px;
padding: 15px; }
// border around photos //
.summary-thumbnail-container {
border: 3px solid #7cccbd; }
------
Only want to apply this to one section?
Here’s how to target blocks, sections, or pages →
www.ajmexperie...
And here’s how to find block, section, and page IDs →
www.ajmexperie...
Here are our favorite summary block plugins:
Set summary block row numbers → (this one is amazing!)
www.ghostplugi...
Excerpt reveal on hover →
www.ghostplugi...
Focus hover effect →
www.ghostplugi...
Stacked images with hover effect →
www.ghostplugi...
------
AJM EXPERIENCE
🖥 A marketplace for graphic designers, Squarespace lovers, & CSS nerds: www.ajmexperie...
☕️ Buy me a coffee: www.buymeacoff...
Thanks for watching and hope you learned something. My name is Amanda Jones McNay and I am a Squarespace web designer and CSS nerd. I have designed well over 100 different Squarespace sites for clients and have used custom CSS code in every one of them. My site is dedicated to helping all CSS designers to perfect their craft and create cool sh!t.
------
This article contains affiliate links. Whenever you buy something through one of these, I get a small commission, without any extra cost to you :)