[РЕШЕНО] Рамка при наведении на товар

[SK999]

Здравствуйте, нужно что бы при наведение на товар, вокруг него появлялась рамка. Перепробовал все варианты которые нашел, нечего не помогло.

 

Cайт iget.com.ua

 

Помогите кто знает, пожалуйста)

[Tom]

http://joxi.ru/EA4bvRZh0x4Jmb

[maniyar]

http://joxi.ru/EA4bvRZh0x4Jmb

Тогда рамку будет всегда, а не при наведении.

Чтоб она появилась при наведении нужно эту строку

border: 1px solid #ccc;

добавить к стилю

.box .box-content .box-product ul li:hover

[maniyar]

Можно добавить в файл stylesheet.css следующий код:

.box .box-content .box-product ul li:hover {
border: 1px solid #ccc;
}
 
.box .box-content .box-product ul li {
padding-bottom:23px;
margin-top:23px
margin-bottom:24px;
margin-left:24px;
border: 1px solid #fff;
}

[SK999]

 

Можно добавить в файл stylesheet.css следующий код:

.box .box-content .box-product ul li:hover {
border: 1px solid #ccc;
}
 
.box .box-content .box-product ul li {
padding-bottom:23px;
margin-top:23px
margin-bottom:24px;
margin-left:24px;
border: 1px solid #fff;
}

Спасибо, а не подскажешь куда нужно вставить код что бы и в категория работало?

[virtas]

Спасибо, а не подскажешь куда нужно вставить код что бы и в категория работало?

 

/catalog/view/theme/default/stylesheet 

.product-grid > div {
width: 230px;
display: inline-block;
margin: 10px 15px 20px 23px;
vertical-align: top;
border: 1px solid rgba(180, 198, 236, 0.23);
}
.product-grid > div:hover {
border: 1px solid #b4c6ec;
box-shadow: 5px 5px 13px 0 rgba(54,69,102,0.5);
-moz-box-shadow: 5px 5px 13px 0 rgba(54,69,102,0.5);
-webkit-box-shadow: 5px 5px 13px 0 rgba(54,69,102,0.5);
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
border-top-right-radius: 5px;
}

[SK999]

 

/catalog/view/theme/default/stylesheet 

.product-grid > div {
width: 230px;
display: inline-block;
margin: 10px 15px 20px 23px;
vertical-align: top;
border: 1px solid rgba(180, 198, 236, 0.23);
}
.product-grid > div:hover {
border: 1px solid #b4c6ec;
box-shadow: 5px 5px 13px 0 rgba(54,69,102,0.5);
-moz-box-shadow: 5px 5px 13px 0 rgba(54,69,102,0.5);
-webkit-box-shadow: 5px 5px 13px 0 rgba(54,69,102,0.5);
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
border-top-right-radius: 5px;
}

 

Что то у меня не получается, не могу найти куда вставить этот код, куда не вставляю не чего не получается