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

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

Image CMS
#1
здравствуйте
подскажите, пожалуйста, что и куда нужно прописать для того, чтобы товар выделялся при наведении на него курсором. Вернее рамка его выделялась
как на этой ссылке например:
http://antoshka.ua/malyshi-do-goda/...mestamp=1461831598608?timestamp=1461831627944

спасибо!!
 

tuxfighter

Гуру
Местный
#2
править 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;
}
 
#4
а это ".products-grid .item.active-item .item-inner:hover, .my-wishlist .link-edit:hover" класс да?
я просто новичок в этих делах, туго пока соображаю (
 
#5
прописываю так, но у меня добавился просто 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;
}
 

Юля

Новичок
#7
прописываю так, но у меня добавился просто 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;
}
 
Сверху Снизу