How to customize the donation block in Squarespace

content block

Sep 26

Want to make a difference with your Squarespace site? The donation block is your ticket to raising funds for your favorite cause. But let's face it, figuring out how to customize it can be a bit tricky.

That's why I created a brand new video tutorial to walk you through the process step-by-step. From setting up your donation options to customizing the design, I'll show you how to create a donation block that's both effective and visually appealing.

Whether you're running a non-profit, crowdfunding a project, or simply accepting donations for a cause close to your heart, this tutorial will equip you with the knowledge and skills to make it happen. You’ll find the custom codes below the video along with additional resources to help you make Squarespace uniquely yours.

Here are the codes used in this tutorial.

Be sure to edit the values so they match the style of your own website!

.sqs-donation-block-container .radio label{
  text-align:left!important;
  font-style:italic
}
.sqs-donation-block-container .radio-label:first-line{
  font-size:20px;
  font-weight:bold;
  font-style:normal
}
.sqs-donation-block-container .button{
  background:green!important;
  border-radius:0px;
  font-size:1rem!important;
  padding:10px!important
}

While we’re on the subject of donations, you can help me keep my tutorials free for all by making a donation at buymeacoffee.com/insidethesquare