wordpress - 如何在 WooCommerce 中更改添加到购物车通知的样式？

Question

我正在寻找一种解决方案来改变显示“添加到购物篮”的风格。我发现了这个问题：WooCommerce 添加到购物车消息通知文本，但如您所见，wc_add_to_cart_message仅更改文本，而不更改样式。我想用以下方法显示消息：

.alert {
  padding: 20px;
  background-color: #f44336;
  color: white;
}

.closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

.closebtn:hover {
  color: black;
}

<div class="alert">
  <span class="closebtn" onclick="this.parentElement.style.display='none';">&times;</span> 
  <strong>Thank you!</strong><em> Product X </em> has been added to your cart
</div>

反正有没有用 woocommerce 风格取代我的风格？非常感谢。

标签： wordpresswoocommerce