How do I change the form label size and style in Squarespace?

Form labels in Squarespace 7.1 use the .form-item .title selector. You can change the font size, weight, color, and margin to better match your site's typography.

Adding a bit of bottom margin between the label and input improves readability. Bold labels at a slightly smaller size than the input text is a clean, modern pattern.

.form-item .title {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #333333 !important;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  margin-bottom: 6px !important;
}

/* Required field indicator */
.form-item .required {
  color: #e63946 !important;
}