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