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

[igor.gayyar]

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

спасибо!!

 

[tuxfighter]

править css.
например так:

.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]

спасибо
попробую

 

[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;
}

 

[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;
}

на момент написания этого вопроса вы слабо знали 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;
}

 

[igor.gayyar]

Уже получилось.
Спасибо за отклик. !!

 

[juliacatch]

Посмотреть вложение 2091

Подскажите, пожалуйста какой в итоге код использовали и куда вставили?
.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(дополнительные стили) в настройках темы, в итоге ничего

 

[marr]

вставляла его в CSS(дополнительные стили) в настройках темы, в итоге ничего

Не надо бездумно использовать стили чужого сайта. В вашей теме свои стили.

 

[juliacatch]

Не надо бездумно использовать стили чужого сайта. В вашей теме свои стили.

Спасибо помогли

 

[juliacatch]

Спасибо помогли

я изменяю стиль под свою тему, но мне нужна структура, а она не рабочая

 

[marr]

я изменяю стиль под свою тему, но мне нужна структура, а она не рабочая

 

[juliacatch]

Посмотреть вложение 5449

спасибо, можно было не язвить и сразу ответить. не все рождаются со знанием кодов и стилей, кто-то просто пытается разобраться сам