Рамка вокруг картинки в карточке товара [РЕШЕНО]

[loveinn]

Уважаемые знатоки, подскажите как сделать, чтобы при наведении на картинку товара рамка вокруг картинки меняла цвет? Я понимаю что нужно hover добавить, вот что я дописываю (вторая строчка) - и ничего не меняется (правлю в stylesheet.css, версия 1.5.3.1), может еще где-то что-то дописать нужно?

.image img { background:#fff; border:4px solid #FFE4B8;}

.image li a:hover { color:#960f02;}

[aridius]

где именно товара, в карточке?

[Yumanov]

Ваш код неверен. Смотрите, как должно быть:

.image li a:hover { border-color:#960f02;} либо .image li a:hover { border:4px solid #960f02;} - любой из этих вариантов

Дело в том, что вы неправильно применили свойство CSS - параметр COLOR обозначает цвет текста

[loveinn]

где именно товара, в карточке?

на прикрепленной картинке бежевая рамка вокруг фото при наведении курсором должна красной становиться

[loveinn]

Ваш код неверен. Смотрите, как должно быть:

.image li a:hover { border-color:#960f02;} либо .image li a:hover { border:4px solid #960f02;} - любой из этих вариантов

Дело в том, что вы неправильно применили свойство CSS - параметр COLOR обозначает цвет текста

при таком написании тоже ничего не меняется. Я уже думаю может я правлю не там, прикрепляю скриншот с фаербагом, может увидите мою ошибку (сейчас я правки вношу после 1290 строки)

[loveinn]

кроме вышепосоветованной правки, внесла еще и эту:

.product-grid .image img:hover {

border: 4px solid #FF3C3F;

}

и заработало

[Yumanov]

да, действительно - так оно и заработает. В коде (выше) идет привязка не к рамке картинки, а к рамке тега <A>. В файербаге все видно как раз. Советую удалить код, который указан в строке .image li a:hover - он здесь является лишним, а в коде ничего лишнего быть не должно.