Minimal Form Style

Look Demo

Give the form block an upgraded design style. This plugin uses css editor and works with all template families.

How To Install

From your Squarespace account, go to the Custom CSS Editor. 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;
}

Customize

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

Notes

No notes.