Question

我正在尝试在用户执行操作时更改页面两侧的按钮和消息之间的填充，例如将产品添加到购物车。

以下问题的视频

http://www.youtube.com/watch?v=TrXx-tpc1j4

Answer 1

没有任何代码可以继续，看起来您可以缩小以下范围。

左侧元素/复选标记看起来是.woocommerce-message

 .woocommerce-message{color: #7a9c59!important}

 .woocommerce-message:before,.woocommerce-message
   :after{color: #FFF!important; background-color:#7a9c59!important }

有50个css文件链接到该页面。我没有经历过所有人。但你应该找到的东西是

 .woocommerce-message:before { 
     content: someimagefile; }

在该内容下：您可以添加padding-left：

至于查看购物车按钮..我认为.button或.wc-forward将padding-right:添加到该广告

只需跟踪它：p - 编辑

好吧，因为CSS文件很丰富，而且可能不是最友好的用户，所以让我们尝试使用一些内联样式进行廉价的工作。在你的标记中找到

 <div class="woocommerce-message"><a href="http://www.zamiafashion.com/cart/" class="button wc-forward">View Cart</a>

并尝试

<div class="woocommerce-message" style="padding-right: 20px;"><a href="http://www.zamiafashion.com/cart/" class="button wc-forward">View Cart</a

更改woo-commerce消息中的填充

1 个答案: