woocomerceの横にアイコンを追加カードボタンに追加

Question

私はコーディングに新しいので、私はワードプレスと私の店のために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のを配置します。また、いくつかのパディングをボタンに設定するか、幅と高さを設定する必要があります。