woocommerce最新产品悬停颜色

Question

我正在与购物街主题和融合建设者(avada)工作。我在我的主页上介绍了最近的产品短代码，并被abel圆化图片，并将按钮颜色从黑色改为白色字母的蓝色。当你将鼠标移到蓝色按钮周围时，会出现一个白色的方框。我想让它在蓝色按钮悬停的情况下是透明的。如果有办法得到黑色小盒子(oferta！)红色那就太棒了。谷歌没有帮我找到解决方案。我希望这里的任何人都能帮助我。提前进行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;
}