Minimal Form Style

ezgif-3-c769dea49e55.png

Step One

From your Squarespace account, go to the Custom CSS Editor: Design > Advanced > Custom CSS

Step Two

Copy and paste the code below into the Custom CSS Editor box.

// Minimal Form // 

.form-wrapper .field-list .field .field-element{
border: 1px solid;
border-radius: 0px;
border-color: lightgrey;
background: #ffffff;  
height: 60px;
}

.form-wrapper .field-list .field select {
border: 1px solid;
border-radius: 0px;
border-color: lightgrey;
background: #ffffff;  
height: 60px;
}

.form-wrapper .field-list .title {
font-size: 12px !important;
color: black;
}

.form-wrapper .field-list .description {
font-size: 12px !important;
color: #A2A2A2;
}

Step Three

Feel free to adjust the border, border-color, background, and font-size values to your liking.

Save and refresh the page. 👍

Moov Labs