Woocommerce Checkout页面输入字段显示异常

时间：2019-07-12 09:39:03

标签： wordpress woocommerce

使用带有下标子主题的wordpress 5.2.2，woocommerce插件和Pw woocommerce礼品卡插件https://www.pimwick.com/gift-cards/

结帐页面上的输入字段显示不正确

enter image description here

但是，当我激活十七岁主题时，它们会正确显示

enter image description here

问题可能出在哪里？ 如何使带下标子主题的字段正确显示？

2 个答案:

答案 0 :(得分：0)

终于找到了解决方案！

跟随this thread

此

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

请注意结算字段，并要注意其他信息字段

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

答案 1 :(得分：0)

也许您的主题已添加display: inline-block CSS到表单中。通过从浏览器中执行检查元素工具找到它们，并将其更改为display: block

相关问题
最新问题