woocommerce最近产品悬停颜色

Question

我正在使用购物主题和Fusion Builder（avada）。我在主页上介绍了最近的产品简短代码，并希望将图片四舍五入，并将按钮颜色从黑色改为蓝色，带有白色字母。当您将鼠标悬停在蓝色按钮周围时，会有一个白色框。我希望将鼠标悬停时的蓝色按钮保持透明。如果有办法使黑色小盒子（¡oferta！）红色，那就太好了。 Google并没有帮助我找到解决方案。我希望这里的任何人都能帮助我。提前THX。

最诚挚的问候乔迪

Answer 1

您要在此处删除background：

.product:not(.elementor):hover .prod-img-wrap:before, .shop-item:hover .prod-img-wrap:before, .prod-img-wrap:hover:before {

    background: rgba(255,255,255,0.6);

}

并将透明度代码添加到图像：

.prod-img-wrap:hover img {

    opacity: 0.6;

}

Answer 2

通过将此代码添加到自定义CSS中，我可以使用销售徽章

.woocommerce span.onsale{
    background-color: red;
    color: white;
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
}