在woocomerce旁边添加图标添加到卡片按钮

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。您还应该为按钮设置一些填充或设置宽度和高度。