WooCommerce：改变＆＃34;添加到购物车的风格＆＃34;小部件中的按钮

Question

我想添加一个漂亮的小按钮＆＃34;添加到购物车＆＃34;到WooCommerce Products Widget显示的产品。

我已将 content-widget-product.php 复制到我的子主题（基于店面）并尝试了两种方式：

• 首先： echo do_shortcode('[add_to_cart id="'.$product_id.'"]');
  
• 还有： woocommerce_template_loop_add_to_cart();

但无论哪种方式，结果都是丑陋的：我得到一个巨大的＆＃34;添加到购物车＆＃34;与我的页面一样宽的按钮：

我想要一个更小的按钮，与项目的图片对齐。

这样的事情：

我想我应该改变一些CSS，但我不知道如何...
你可以帮帮我吗？

谢谢

Answer 1

而是在woocommerce核心文件上做一些事情。只需在你的style.css文件中添加（.add_to_cart_button）和（.single_add_to_cart_button）

并根据需要添加css。

有关详细信息，请访问此链接。 https://www.speakinginbytes.com/2016/05/change-style-add-cart-button-woocommerce/

我希望它会对你有所帮助。:)

Answer 2

是的，可以用CSS完成。你能否至少把你网站的链接放在一边，这样我可以举例说明你需要做什么？