Question

Как изменить цвета глобальных блоков (шаблон №1081) - левый бар, блок с логотипом, центральный блок?

Answer 1

1. Прежде всего перейти в стили строка номер 254:

.b-white {
  background:#fff;  заменить на transparent
}

2. далее найти строку номер 410:

.b-logo {
  float: left;
  width: 280px;
  padding: 35px 15px 25px;
  text-align: center;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #000;
}

добавить выделенное, это черный фон блока с логотипом, цвет #000 меняйте на нужный вам.

3. Далее меняем фон контейнера с блоками слева, в стилях ищем строку номер 808:

.b-sidebar {
  clear: left;
  width: 280px;
  margin: 45px 0 0 0;
  background: #000;
}

аналогично добавить выделенное, #000 изменить на свой цвет фона.

4. Далее установим цвет фона для центрального каркаса, ищем в стилях строку номер 434:

.b-maincontent {
  float: right;
  width: 681px;
  background: #000;
}

аналогично добавить выделенное и цвет #000 изменить на нужный вам, подобрать можете здесь - http://www.color-hex.com/

Comments

Спасибо большое! Буду пробовать менять :)

---

Можно еще вопрос? Как изменить цвет стандартных кнопок (например, когда добавляешь спойлер - появляется прямоугольник синего цвета)?

И как изменить цвет текста (когда он является ссылкой)? По умолчанию - он тоже синего цвета.

---

Илья Левченко,

ссылку на сайт уточните и где спойлер увидеть можно

---

http://vsthouse.ru/load/vst_plaginy/svedenie_i_mastering/waves_complete_9r30_vst_vst3_rtas_x86_x64_no_install_nabor_plaginov/11-1-0-14499

---

Илья Левченко,

ссылки меняем в стилях строка номер 223:

a {
 color: #2a72cc;
 text-decoration: none;
}

спойлер, в стилях строка номер 855, это для всех кнопок на сайте:

input[type=button],
input[type=submit],
input[type=reset],
button,
.button {
 display: inline-block;
 vertical-align: middle;
 padding: 5px 12px;
 white-space: nowrap;
 text-align: center;
 text-transform: uppercase;
 height: 30px;
 color: #fff;
 border: none;
 cursor: pointer;
 background-color: #2a72cc;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
 -webkit-transition: background-color 0.1s 0s ease-out;
 transition: background-color 0.1s 0s ease-out;
 -ms-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 box-shadow: inset 0 -3px rgba(0, 0, 0, 0.09);/*--FOR-IE--*/*
 display: inline;
 overflow: visible;zoom:1;
}

---

Спасибо, поменял спойлер и даже закругления получилось сделать. Теперь кнопка выглядит намного лучше! Но такая проблема: после нажатия на кнопку остается синее свечение вокруг кнопки. Такое наблюдается в хроме, в мозиле этого нет. Можно это поправить?

http://vsthouse.ru/load/vst_plaginy/svedenie_i_mastering/waves_complete_9r30_vst_vst3_rtas_x86_x64_no_install_nabor_plaginov/11-1-0-14499