Если вы зайдете на эту страницу: http://www.inventivewebdesign.com/renohifi/listings_portfolio/pass-labs-xa-160-8-monoblock-power-amps/CSS - Изменение цвета фона DIV при наведении курсора мыши состояния
И посмотрите на дне под Сопутствующие товары, вы увидите список изображений и названий продуктов. Когда вы наводите указатель мыши на один, изображение становится серым, а над заголовком продукта под изображением появляется белая рамка. Мне нужно, чтобы этот белый ящик ушел, и я не могу узнать, что вызывает его в CSS.
Я пробовал следующий CSS:
.car-block a:hover >.car-block-bottom h2 {
background: rgb(0, 0, 92) none repeat scroll 0 0 !important;
}
.car-block, .car-block:hover, .car-block:hover .car-block-bottom {
background-color: rgb(0, 0, 92) !important;
}
.car-block .car-block-bottom h2 {
font-weight: bold;
font-size: 16px;
margin: 0px;
margin-top: 10px;
padding: 2px;
color: #fff;
background-color: rgb(0, 0, 92) !important;
}
.car-block-bottom {
display: block;
padding: 6px 5px 10px;
text-align: center;
transition-duration: 0.2s;
transition-property: all;
background-color: rgb(0, 0, 92) !important;
}
Любая помощь будет оценена.
в http://www.inventivewebdesign.com/renohifi/wp-content/themes/automotive-child/style.css линии 105 у вас есть 'background-color: #fff! important;' это переопределение css – GvM