如何移除WordPress WooCommerce结账页PayPal按钮上方多余空白
WooCommerce结账页移除PayPal按钮上方空白操作方案
- 登录WordPress后台,依次进入「外观」→「自定义」页面,这是WordPress官方推荐的自定义样式入口,修改不会影响原有主题代码,出错直接删除代码即可恢复。
- 在自定义页面左侧菜单栏找到最底部的「额外CSS」选项,点击打开CSS代码输入区域。
- 复制下方代码粘贴到输入框中:
/* 移除PayPal结账按钮上方多余空白 */ .woocommerce-checkout #payment .payment_method_ppcp { margin-top: 0 !important; padding-top: 0 !important; }
如果使用的是旧版本PayPal支付插件,粘贴以下代码即可:
/* 旧版PayPal插件适配代码 */ .woocommerce-checkout #payment .payment_method_paypal { margin-top: 0 !important; padding-top: 0 !important; }
- 点击页面顶部的「发布」按钮保存配置,刷新结账页面就能看到效果。如果还有少量残留空白,可以把代码里的
margin-top: 0调整为负数,比如margin-top: -8px,数值根据实际显示效果微调即可。
内容的提问来源于stack exchange,提问作者Coco Garazzo
相关产品推荐
相关产品推荐

