css - woocommerce 最近的产品悬停颜色

Question

我正在使用 shopisle 主题和 Fusion 构建器 (avada)。我在我的主页上介绍了最近的产品短代码，然后将图片四舍五入并将按钮颜色从黑色更改为带有白色字母的蓝色。当您将鼠标悬停在蓝色按钮周围时，会出现白色框。我希望它只是透明的，悬停时有蓝色按钮。如果有办法让黑色小盒子 (¡oferta!) 变成红色，那就太棒了。谷歌没有帮我找到解决方案。我希望这里的任何人都可以帮助我。提前致谢。

最好的问候乔迪

Answer 1

您需要在此处删除背景:

.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;

}