Highlighted Field Form Style

Install Steps

Highlighted Field Form Style

Submitted by Noughts and Ones Works with all template families

ezgif-3-fe5914e5a4e3.gif

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.

// Highlighted Field Form // 

.field-list .field-element:focus, .field-element:visited{
    border-color: #FECB2F !important;
  }
  .field-list select:focus{
    outline-color:  #FECB2F !important;
  }
  .field-list .section{
    border-color: #FECB2F !important;
  }
  .form-button-wrapper .button{
    color: white !important;
    border-color: transparent;
    background-color: #fecb2f;
  }
  .form-button-wrapper .button:hover{
    color: white !important;
    background-color: #000000 !important;
  }

Step Three

Change the #FECB2F color values to whatever color code you want.

Save and refresh the page. 👍

Moov Labs