Тень блока при наведении на товар. Как?

Тема в разделе "Дизайн, оформление и шаблоны", создана пользователем bados, 9 дек 2015.

  1. bados

    bados Новичок

    Сообщения:
    27
    Симпатии:
    1
    Подскажите, пожалуйста, как из "товара" на рис.1 сделать чтобы было как на рис.2? Имеется ввиду внешний вид - появление тени при наведении на товар, подсвечивание кнопки купить (из серого на оранжевый), не острые углы
    рис. 1 1.jpg рис.2 2.jpg
     
  2. Vlad

    Vlad Эксперт

    Сообщения:
    3.902
    Симпатии:
    938
    добавить в файл стилей stylesheet.css вот это

    Код:
    .product-thumb:hover {
        box-shadow: 0 0 5px 1px #ddd;
    }
     
    bados нравится это.
  3. Vlad

    Vlad Эксперт

    Сообщения:
    3.902
    Симпатии:
    938
    это для отдельной темы вообще..

    добавить в файл стилей stylesheet.css вот это
    Код:
    .product-thumb:hover .button-group > button {
        background: #bb7816 none repeat scroll 0 0;
    }
    Дальше сами. А то я чувствую себя, что пишу простые вещи, которые люди учить не желают... А денег заработать хотят..
     
    АлексейК и bados нравится это.