I am trying to remove all the <label> tags from a shipping address form on the checkout page.

Here is the answer to hide those labels using CSS.

I am trying to move those labels below the input fields.

Any guidance would be appreciated.

1 Answer 1


The form uses templates from the Magento UI module. You can override these in your custom theme.

The main template you should override is vendor/magento/module-ui/view/frontend/web/templates/form/field.html.

There are some exceptions. E.g. the Email Address field is part of the Checkout module and to modify that you should override vendor/magento/module-checkout/view/frontend/web/template/form/element/email.html. Then there are also the address line fields which don't use labels but instead a fieldset with a legend. To modify this you could either use CSS to change the position of the legend or override vendor/magento/module-ui/view/frontend/web/templates/group/group.html to use something else instead of the legend.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.