How to Customize Your Squarespace Cookie Alert

global element

Sep 6

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.

Important update: Squarespace made changes to the program menu in May 2025. If your menu looks different than the video, press the / key to open the program search and search for Custom CSS to navigate there directly.

.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
}