последний товар

Question

Я работаю с темой Shopisle и Fusion Builder (Avada). Я ввел краткий код недавнего продукта на своей домашней странице и смог округлить изображения и изменить цвет кнопок с черного на синий с белыми буквами. Когда вы наводите курсор мыши, вокруг синей кнопки появляется белая рамка. Я хочу, чтобы это было прозрачно с синей кнопкой при наведении. Если есть способ получить черный маленький ящик (¡oferta!) Красным, это было бы здорово. Гугл не помог мне найти решение. Я надеюсь, что кто-нибудь здесь может помочь мне. THX заранее.

С наилучшими пожеланиями Jordi

Answer 1

Я получил значок продажи, добавив этот код в пользовательский css

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

Answer 2

Вы хотите удалить 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;

}