Contact Form - Error Alert Style


1. Plugin Info

Style the contact form’s error alert message when a required field is missed.

  • Works with Squarespace 7.0 and 7.1

  • Uses Custom CSS


2. Add this code to Custom CSS

// Contact Form - Error Alert Style - Ghost //

.field-error, .mkTKK6Se1WSWC0Psa20C {
  font-size: 15px;
  color: #fff;
  background: #D0342C;
  padding: 10px;
  border: 1px solid #D0342C;
  border-radius: 5px;
}

3. Customizable Options

  • Font Size

  • Font Color

  • Background Color

  • Padding

  • Border

  • Border Radius


4. Plugin Notes

  • No plugin notes


Previous
Previous

Contact Form - Solid Underline Style

Next
Next

Product Price - Pill Style (For Half Layout)