Dotted Underline Form Style

Install Steps

Dotted Underline Form Style

Submitted by Noughts and Ones Works with all template families


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.

// Dotted Underline Form // 

.field-list .field-element{
    border-color: #000000 !important;
    border-bottom: dotted 2px #000000 !important;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    background-color: transparent !important;
  .field-list select:focus{
    outline-color:  #000000 !important;
  .field-list .section{
    border-color: #000000 !important;

Step Three

Change all of the #000000 color values to the color you’d like to replace it with.

Save and refresh the page. 👍

Moov Labs