изменить фон с помощью CSS

Question

У меня возникла проблема на этой странице: xxx / printers / monochrome-laser-printers.html

Я вижу, что левая колонка со слоистой навигацией - это красный цвет, который я хочу, но внизу некоторая часть - розовый,Я изменил класс CSS, но это не изменило все.Я не очень разбираюсь в том, чтобы определить, какой класс CSS мне нужно изменить.

Мне также нужно поменять кнопку «Добавить в корзину» с розового фона на такой же красный.

Есть идеи?

Answer 1

Нижняя часть розового цвета, поскольку вы ссылаетесь на этот файл в качестве фона: http://www.theprinterdepot.net/skin/frontend/default/MAG060062/images/bot3.jpg

.block-layered-nav .block-content {
background: url(../images/bot3.jpg) no-repeat bottom center;
background-color: #C9271F;
}

И кнопка Добавить корзину делает то же самое:

button.button span {

background: transparent url(../images/bkg_btn.png) 0 0 no-repeat;

}

Так что вам нужно изменить фоновые изображения.

Answer 2

Используйте F12 в вашем браузере, чтобы увидеть правила CSS, примененные к этим элементам.Это должно все прояснить.