Remove underlining to required asterisk on billing section of checkout page

  • Resolved donmcleman

    (@donmcleman)


    4 years, 2 months ago

    Hi, I have linked to a woocommerce Storefront demo as this bug is not unique to my site but apparently in all iterances.

    In the billing section of the checkout page the required ‘asterisk’ following the label for a required field is given a dotted underline.

    You can see it here: https://themes.woocommerce.com/storefront/checkout/

    On my site it seems that this occurs when the element is given the title ‘required’ – deleting the title in the inspector removes the problem. Other sections on the checkout page do not use the element ‘abbr’ but just the class ‘required’, which seems to cause the difference.

    Presumably this is something for Woocommerce to fix in a future update, but in the meantime is there a fix?

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Gabriel – a11n

    (@gabrielfuentes)

    Hi there ??

    Thank you for reporting this! I want to let you know that this is a known bug that has been reported on the WooCommerce GitHub repository:

    https://github.com/woocommerce/woocommerce/issues/25714

    I invite you to add your own comment and collaborate if you have a GitHub account – it helps our developers determine how wide-spread the issue is.

    Also, I can see that there is a workaround for this, please try this custom CSS as it is mentioned on the GitHub report, and let them know if this worked for you:

    .woocommerce form .form-row .required {
	text-decoration: none;
}

    I hope that helps! ??

    Thread Starter donmcleman

    (@donmcleman)

    Thank you, it works!

    Plugin Support Gabriel – a11n

    (@gabrielfuentes)

    We are happy to help ??

    Great! I’m going to mark this as resolved – if you have any further questions, you can start a new thread.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Remove underlining to required asterisk on billing section of checkout page’ is closed to new replies.

Tags