You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何移除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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.09.27 00:24:04