I am trying to replicate a contact form 7 form . See Image 1. I have (required) in an action color and italicized . In other fields I can add span styles - like for Name, Email…Phone number… but not for this one.
Also the fieldset has a legend which is the “contact permission” and then the label is "Is it OK for us to text this phone number? (required) - The below code is what I have in contact form 7 to pass accessibility testing.
type <label for="your-name"> Your name <span class="requiredmark-light" aria-hidden="true">(required)</span> </label>[text* your-name id:your-name autocomplete:name]
<label for="your-email"> Your email <span class="requiredmark-light" aria-hidden="true">(required)</span></label>[email* your-email id:your-email autocomplete:email]
<label for="your-number">Your phone number <span class="requiredmark-light" aria-hidden="true"> (required)</span> </label>[tel* your-number id:your-number autocomplete:tel]
[honeypot addressHP move-inline-css:true timecheck_enabled:true]
<fieldset>
<legend>Contact Permission</legend>
<label for="textagreement">Is it OK for us to text this phone number? <span class="requiredmark-light">(required)</span></label>
[checkbox* textagreement id:textagreement use_label_element label_first "Yes, OK to text" "No, do not text"]
</fieldset>
<label for="your-subject">Subject <span class="requiredmark-light" aria-hidden="true">(required)</span></label>[text* your-subject id:your-subject]
<label for="your-message">Your message (optional)</label>[textarea your-message id:your-message]
[honeypot Website]
[submit "Submit"]or paste code here
This is what I am currently getting in the new build :
Curious if the field can be fixed so I can add span styling into the checkbox fieldset and also if there is a way to add the legend?
Thanks so much!