在迷你购物车按钮之间增加边距

时间:2019-07-12 05:43:39

标签: css wordpress woocommerce

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

您将看到智能按钮已随其上方的按钮附接。我想要一些利润,但找不到任何添加方法。

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

请帮助我解决这个问题。

1 个答案:

答案 0 :(得分:2)

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;
}
相关问题