Ever been working on an Avada form, set the field to required, and then you start seeing spots? No, you’re not seeing things. The Avada team wrapped the required identifier (asterisk *) with an abbreviation(<abbr>) element to provide screen readers with a readable element. Unfortunately, they didn’t take into account that many browsers have a text-decoration dotted underline as the default styling of the abbreviation. The simple fix is just to override the styling. I submitted a feature request to do away with this because the form is already accessible using the required and aria-required attributes.
abbr.fusion-form-element-required {
text-decoration: none;
}
Originally published on Sept. 5, 2022