php - 在 woocommerce 旁边添加图标添加到购物车按钮

Question

我是编码新手，所以我在我的商店中使用 wordpress 和 woocomerce，请查看下图，这是我的计划。但是你能教我正确的方法吗？

如何将图片放在添加到购物车文本之前？

.prod_cart a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    text-align: center;
    margin-top: 20px;
    border: 1px solid #000;
    border-radius: 5px;
    font-size: 15px;
    background-color: transparent;
        background: url('../img/1.png') no-repeat;

}

Answer 1

您应该添加 display:block 或 display:inline-block 并将背景更改为 background:url('../img/1.png' ) no-repeat left 10px center transparent

left 10px 将图像放置在距按钮左侧 10px 处。您还应该为按钮设置一些填充或设置宽度和高度。