Highlighted Field 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.

// 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;
  }

Customize

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

Notes

No notes.