The Ultimate Guide To Creating a Free Resources Library on Squarespace

Part 1: Squarespace Set Up

Part 2: Opt-in Form Set Up

BUTTON HTML CODE

<div class="sqs-block-button-container--center" 
id="cta-button-container">
 <a rel="ck_modal" href="#ck_modal" 
class="sqs-block-button-element--medium sqs-block-button-element" id="cta-button">
Insert button text here >>
   </a>
 </div>
<p style="clear:both;">
</p>

BUTTON CSS CODE

/****** CTA Button ******/
#cta-button-container {
 text-align: center !important;
 line-height: 2.25em;
 margin-top: 10px;
 margin-bottom: 10px;
 }
#cta-button {
 text-align: center !important;
 background-color: #c232c6;
 padding: 18px 25px;
 color: #fafafa;
 font-size: 20px;
 text-transform: uppercase;
 letter-spacing: 2px;
 font-weight: 600;
 font-family: brandon grotesque;
 display: inline-block;
 }
 #cta-button:hover {
 background-color: #b030b7;
 color: #fafafa;
 }