WooCommerce：改變小部件中「添加到購物車」按鈕的樣式

Question

我想添加一個很好的小按鈕「添加到購物車」到WooCommerce Products Widget顯示的產品。

我抄content-widget-product.php我的孩子主題（店面爲主），並試圖2種方式：

• 第一：echo do_shortcode('[add_to_cart id="'.$product_id.'"]');
  
• 並且：woocommerce_template_loop_add_to_cart();

但無論哪種方式，結果都很糟糕：我得到了一個巨大的「a DD到購物車」按鈕是一樣寬，我的網頁：

我想獲得一個更小的按鈕，與該項目的圖片對齊。

類似的東西：

我想我應該改變一些CSS，但我不知道如何...
你能幫助我嗎？

感謝

Answer 1

而不是做對woocommerce核心文件的東西。只是在（.add_to_cart_button）和（.single_add_to_cart_button）

你的style.css文件中添加類和你想添加CSS。

欲瞭解更多信息，你可以訪問此鏈接。 https://www.speakinginbytes.com/2016/05/change-style-add-cart-button-woocommerce/

我希望它會幫助你。:)

Answer 2

是的，這可以用CSS來完成。你能否至少把你的網站的鏈接，所以我可以給你一個你需要做什麼的例子？