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

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

Тема в разделе "Вопросы, советы и доработки.", создана пользователем igor.gayyar, 28 апр 2016.

  1. igor.gayyar

    igor.gayyar

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

    спасибо!!
     
  2. tuxfighter

    tuxfighter Местный

    Сообщения:
    666
    Симпатии:
    105
    Баллы:
    43
    править css.
    например так:
    PHP:
    .products-grid .item.active-item .item-inner:hover, .my-wishlist .link-edit:hover {
      
    border-color#e9d9c3;
      
    background-color#fffaf3;
      
    z-index10;
    }
    .
    products-grid .item .item-inner {
      
    border1px solid transparent;
      
    border-radius10px;
      
    padding13px;
      
    positionabsolute;
      
    min-height354px;
      
    overflowhidden;
    }
     
  3. igor.gayyar

    igor.gayyar

    Сообщения:
    308
    Симпатии:
    4
    Баллы:
    18
    спасибо
    попробую
     
  4. igor.gayyar

    igor.gayyar

    Сообщения:
    308
    Симпатии:
    4
    Баллы:
    18
    а это ".products-grid .item.active-item .item-inner:hover, .my-wishlist .link-edit:hover" класс да?
    я просто новичок в этих делах, туго пока соображаю (
     
  5. igor.gayyar

    igor.gayyar

    Сообщения:
    308
    Симпатии:
    4
    Баллы:
    18
    прописываю так, но у меня добавился просто 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;
    }
     
  6. igor.gayyar

    igor.gayyar

    Сообщения:
    308
    Симпатии:
    4
    Баллы:
    18
  7. Юля

    Юля

    Сообщения:
    5
    Симпатии:
    1
    Баллы:
    3
    на момент написания этого вопроса вы слабо знали 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;
    }
     
    • Нравится Нравится x 1
  8. igor.gayyar

    igor.gayyar

    Сообщения:
    308
    Симпатии:
    4
    Баллы:
    18
    Уже получилось.
    Спасибо за отклик. !!