时间戳

首页 > 解决方案 > 在迷你购物车按钮之间添加边距

css - 在迷你购物车按钮之间添加边距

问题描述

我已将智能贝宝按钮添加到我的 woocommerce 商店。现在的问题是这个黄色的贝宝按钮与我的迷你购物车中的其他按钮没有间距。您可以在将一种产品添加到购物车后查看： https ://combosports.com/kimurawear-aspire-womens-sparring-kit/

您将看到智能按钮与它上方的按钮相连。我想要一些边距，但我找不到任何方法来添加它。

第二件事是产品右侧添加到购物车按钮下方的贝宝黄色按钮覆盖了所有内容。当我向下滚动时，这个黄色按钮会破坏标题和所有内容。您也可以在上面的链接中看到这一点。我正在为这个黄色按钮使用这个插件： https ://wordpress.org/plugins/woocommerce-gateway-paypal-express-checkout/

请帮我解决这个问题。

标签： csswordpresswoocommerce

解决方案

1）。对于第一个问题，我认为你只需要使用更好的选择器来覆盖样式

.woocommerce-mini-cart__buttons.buttons.wcppec-cart-widget-spb {
    margin: 8px 0px 0px 0px;
}

2）。对于第二个问题，您可以将此选择器添加到您的自定义 css 文件中。

最初的问题是，对于您设置的 iframe：“z-index: 100;”。您应该将其更改为“z-index：1；”

#woo_pp_ec_button_product .zoid-outlet .zoid-component-frame.zoid-visible {
    z-index: 1;
}

推荐阅读