Question

Сейчас на сайте фон в прямоугольных рамках главного меню, также как и в правых блоках меню залиты цветом #928966, необходимо изменить цвет правых блоков меню, кроме блока "добро пожаловать!", на другой цвет, но при этом цвет блоков главного меню оставить без изменений.

Answer 1

И для меню и для блоков меняется в стилях строка номер 45:

#catmenu:before,#catmenu:after,.sidetitle:before,.sidetitle:after {content:'';width:0;display:block; position:absolute; bottom:-10px;height:0;border-top:10px solid #007405;border-left:10px solid transparent;}

здесь у нас все вместе, но если эти стили разделить и сделать вот так:

/*Стили треугольников для блоков*/
.sidetitle:before,.sidetitle:after {content:'';width:0;display:block; position:absolute; bottom:-10px;height:0;border-top:10px solid #007405;border-left:10px solid transparent;}

/*Стили треугольников для меню*/
#catmenu:before,#catmenu:after {content:'';width:0;display:block; position:absolute; bottom:-10px;height:0;border-top:10px solid #007405;border-left:10px solid transparent;}

выйдет и для блоков и для меню все по отдельности. Меняйте цвет #007405 на нужный вам.

Стили для первого блока находятся в строке номер 49:

.marked .sidetitle:after,.marked .sidetitle:before {/* border-top-color:#bf602a; */}

как вижу вы уже здесь все закомментировали и в итоге применились общие стили к всем треугольникам, задайте здесь свой цвет и будет как положено и конечно удалив теги комментирования стилей /* */ чтобы стили применились.

Comments

Треугольники тут совсем не при чём, мне именно цвет прямоугольных блоков справа хотелось бы изменить с текущего цвета #928966, на другой, либо на какое - либо изображение.

---

Иван Иванов #25,

В стилях строка номер 44:

#catmenu,.sidetitle {background:#928966; position:relative; width:100%; padding:0 10px; margin:0 0 0 -10px;}

---

Yuri_Geruk,

Если изменять строку 44, то главное меню сверху тоже изменяется, хотелось бы изменить только блоки справа, а фон блоков главного меню оставить без изменений

---

Иван Иванов #25,

Разделите эту строку стилей на две:

.sidetitle {background:#928966; position:relative; width:100%; padding:0 10px; margin:0 0 0 -10px;}
#catmenu {background:#928966; position:relative; width:100%; padding:0 10px; margin:0 0 0 -10px;}

первая для блоков, вторая для меню и задавайте цвет по отдельности.