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

Решено Выделить товар при наведении курсора

tuxfighter

Гуру
Местный
править css.
например так:
PHP:
.products-grid .item.active-item .item-inner:hover, .my-wishlist .link-edit:hover {
  border-color: #e9d9c3;
  background-color: #fffaf3;
  z-index: 10;
}
.products-grid .item .item-inner {
  border: 1px solid transparent;
  border-radius: 10px;
  padding: 13px;
  position: absolute;
  min-height: 354px;
  overflow: hidden;
}
 

igor.gayyar

Опытный
а это ".products-grid .item.active-item .item-inner:hover, .my-wishlist .link-edit:hover" класс да?
я просто новичок в этих делах, туго пока соображаю (
 

igor.gayyar

Опытный
прописываю так, но у меня добавился просто background (((

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product .item-inner:hover, .link-edit:hover {
border-color: #e9d9c3;
background-color: #fffaf3;
z-index: 10;
}
.woocommerce ul.products li.item .item-inner {
border: 1px solid transparent;
border-radius: 10px;
padding: 13px;
position: absolute;
min-height: 354px;
overflow: hidden;
}
 

Юля

Новичок
прописываю так, но у меня добавился просто background (((

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product .item-inner:hover, .link-edit:hover {
border-color: #e9d9c3;
background-color: #fffaf3;
z-index: 10;
}
.woocommerce ul.products li.item .item-inner {
border: 1px solid transparent;
border-radius: 10px;
padding: 13px;
position: absolute;
min-height: 354px;
overflow: hidden;
}

на момент написания этого вопроса вы слабо знали css
просто в первый код нужно было добавить рамку: border: 1px solid 1px solid #123456;
получилось бы:

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product .item-inner:hover, .link-edit:hover {
border: 1px solid 1px solid #123456;
border-color: #e9d9c3;
background-color: #fffaf3;
z-index: 10;
}
 

juliacatch

Новичок
Подскажите, пожалуйста какой в итоге код использовали и куда вставили?
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product .item-inner:hover, .link-edit:hover
border: 1px solid 1px solid #123456{
border-color: #e9d9c3;
background-color: #fffaf3;
z-index: 10;
}
.woocommerce ul.products li.item .item-inner {
border: 1px solid transparent;
border-radius: 10px;
padding: 13px;
position: absolute;
min-height: 354px;
overflow: hidden;
}
Я использовала ваш и вставляла его в CSS(дополнительные стили) в настройках темы, в итоге ничего
 
Сверху Снизу