Wordpress网站维护教程:Woocommerce启用PAYPAL后,结账页排版错乱的处理方法

Wordpress网站维护教程:Woocommerce启用PAYPAL后,结账页排版错乱的处理方法-悦然跨境出海

继续分享wordpress外贸网站维护教程。之前的一个wordpress外贸建站项目中遇到一个问题,网站开启Paypal支付后,网站的结账页面的提示信息会出现排版出乱,如上图所示。我发现有几个网站都有类似的问题,主要是,正常情况下看是正常的,但只要有空间填写错误时,页面上的提示窗口就变成了上面这样,有点影响美观。悦然wordpress建站测试过应该就是WooCommerce PayPal Payments插件造成的,停用插件就正常了。

经过测试可以使用下面的CSS代码来修复样式。

.woocommerce ul.woocommerce-error {
    grid-column: 1/-1;
}

代码添加到【外观-自定义-额外CSS】即可。

Wordpress网站维护教程:Woocommerce启用PAYPAL后,结账页排版错乱的处理方法-悦然跨境出海

修复后的显示效果如上图所示。

总结:本文提到的问题只在部分主题中存在,如果你正好遇到了类似的问题,可以参考试试。

购物车
优惠劵
搜索