Woocommerce Checkout page input fields displaying weirdly

0
votes

Using wordpress 5.2.2 with understrap child theme, woocommerce plugin and Pw woocommerce gift cards plugin https://www.pimwick.com/gift-cards/

The input fields on the checkout page display incorrectly

enter image description here

However when I activate the theme tweenty seventeen they display correctly

enter image description here

where could the problem come from? How to get the fields to display correctly with the understrap child theme?

2
wordpresswoocommerce

2 Answers

0
votes

Finally found the solution !!

Following this thread

This 

.woocommerce-billing-fields .form-row,
.woocommerce-shipping-fields .form-row {
    display: block;
}

took care of the billing field and this took care of the additional information field

.woocommerce-billing-fields .form-row,
.woocommerce-shipping-fields .form-row,
.woocommerce-additional-fields .form-row {
    display: block;
}
0
votes

Maybe your theme has been added display: inline-block css to the form. Find them by doing inspect element tool from the browser and change them to display: block