Solid Underline Form Style

ezgif-3-30d4430d7994.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.

// Solid Underline Form // 

.field-list .field-element{
    border-color: #000000 !important;
    border-bottom: solid 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 and adjust the border-bottom value for more or less line thickness.

Save and refresh the page. 👍

Moov Labs