• Никакой политики на форуме. Иначе - бан!
  • Вопрос без рабочей ссылки на проблему считается риторическим. Без ссылки и скриншота - провокацией!
  • Темы озаглавленные с маленькой буквы или капсом удаляются без предупреждения!

Класс CSS для изображения на главной странице магазина

intman

Форумчанин
При наведении на изображение товара на главных страницах магазина возникает рамка черного цвета. Не самый подходящий вариант для украшений. Но вот как найти соответствующий этому элементу класс CSS не знаю. М.б. кто нибудь поможет?
 

intman

Форумчанин
В http://elbis.intman.net/wp-content/themes/topshop/templates/css/topshop-woocommerce-style.css за рамку отвечает
HTML:
.woocommerce ul.products li.product a:hover img,
.woocommerce-page ul.products li.product a:hover img {
    box-shadow: 0 0 0 4px rgb(28, 28, 28), 0 2px 18px rgba(255, 248, 220, 0.7);
}
Спасибо, это знаю. Но rgba(255, 248, 220, 0.7); это то что я поменял изначально было rgba(0, 0, 0, 0.7);
 

intman

Форумчанин
У Вас проблема в чем? Вы не знаете как поменять цвет тени в указанном классе при наведении?
Да нет почему, уже поменял изначально было rgba(0, 0, 0, 0.7); поменял на rgba(255, 248, 220, 0.7); но тень как была черной так и осталась. Смотрите сами http://elbis.intman.net/shop/
 

searchingman

Гуру
Местный
Да нет почему, уже поменял изначально было rgba(0, 0, 0, 0.7); поменял на rgba(255, 248, 220, 0.7); но тень как была черной так и осталась. Смотрите сами http://elbis.intman.net/shop/
Вы меняете совершенно не то, что нужно.
Смотрите http://elbis.intman.net/wp-content/themes/topshop/templates/css/topshop-woocommerce-style.css и меняйте
HTML:
.woocommerce ul.products li.product a:hover img,
.woocommerce-page ul.products li.product a:hover img {
    box-shadow: 0 0 0 4px rgb(28, 28, 28), 0 2px 18px #FFE4C4;
}
За черный цвет отвечает rgb(28, 28, 28)
 

intman

Форумчанин
Вы меняете совершенно не то, что нужно.
Смотрите http://elbis.intman.net/wp-content/themes/topshop/templates/css/topshop-woocommerce-style.css и меняйте
HTML:
.woocommerce ul.products li.product a:hover img,
.woocommerce-page ul.products li.product a:hover img {
    box-shadow: 0 0 0 4px rgb(28, 28, 28), 0 2px 18px #FFE4C4;
}
За черный цвет отвечает rgb(28, 28, 28)
Спасибо, сейчас поменяю, а почему именно этот rgb(28, 28, 28)
 
Сверху Снизу