Solid Underline 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.

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

Customize

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

License

This plugin comes with an Unlimited Use License. View License Terms

Previous
Previous

Slanted Text Effect

Next
Next

Second Color On Hover Button