css - 更改颜色按钮 WooCommerce 产品页面

Question

我在使用 WooCommerce 时遇到问题。我正在使用 Divi 和 WooCommerce 开发一个网站。网站上的按钮具有特定的样式，我希望页面产品中的按钮具有相同的样式，但我做不到。

我安装了 WooCommerce Color 插件，但它不起作用。

我有一个子主题，在开发者控制台上我寻找了这个按钮的特定类，我找到了这个类:“.single_add_to_cart_button button alt”

所以在我添加的子主题的CSS中:

.single_add_to_cart_button button alt { 
    color: #00000 !important;
}

但它也不起作用。

这是网站:http://centromindfulnessmadrid.com/我想更改这些页面上的按钮:http://centromindfulnessmadrid.com/producto/mindfulness-retiro-de-1-dia-sabado-24/按钮:“Añadir al carrito”。

非常感谢!

Answer 1

感谢这是一篇旧帖子，看起来您已经解决了它，但是 alt 类需要一个句点，因为它不是 HTML 元素。

您还会遇到继承问题，因为 WooCommerce 非常严格。

这会更接近您的需要，但您可以将类缩小到一两个:

.woocommerce .single_add_to_cart_button button .alt { 
  color: #00000;
}