How to remove the “required” and swap it for asterisk - Forms - Squarespace 7.1

Add this to your Custom CSS of your website

.form-wrapper .react-form-contents .field-list .title .required, .form-wrapper .react-form-contents .field-list .fields .description.required {
  visibility: hidden;  
}
.form-wrapper .react-form-contents .field-list .title .required:before, .form-wrapper .react-form-contents .field-list .fields .description.required:before {
  visibility: visible;  
  content: "*"; 
  font-size: 1.5em;
  line-height: 1em;
}
.form-wrapper .react-form-contents--submitted .required:before {
  visibility: hidden!important;
}

How to translate the “Required” text on a form into your own language - the example given is in French.

.form-wrapper .react-form-contents .field-list .title .required, .form-wrapper .react-form-contents .field-list .fields .description.required {
  visibility: hidden;  
}
.form-wrapper .react-form-contents .field-list .title .required:before, .form-wrapper .react-form-contents .field-list .fields .description.required:before {
  visibility: visible;  
  content: "(Requis)"; 
  font-size: 1.5em;
  line-height: 1em;
}
.form-wrapper .react-form-contents--submitted .required:before {
  visibility: hidden!important;
}
Previous
Previous

How to modify the form text - Sign up for news and updates - Squarespace 7.1

Next
Next

How to remove the extra space below code and embedded blocks on Squarespace