Изменение шрифта и цвета в шаблоне

Всем добрый вечер! Ребят уже сил моих нет, не могу понять почему так происходит, решил написать. В общем пытаюсь изменить размер шрифта на сайте и цвет меню с футером на Helix framework Vina veneno.
Там вроде много настроек из админки, но по факту меняются только пресеты, а мне нужно сам цвет изменить и шрифт. Открываю код элемента, нахожу backgroud, меняю цвет, он меняется в браузере, отлично - иду в тот файл который указан в стилях (template.css), на ту строку которая там указана, нахожу то что менял, заменяю на нужный цвет, сохраняю, перезагружаю страницу, нифига не применилось!
И почему-то он то сохраняется, но не применяется, то вообще возвращает значения в файле на дефолтные (пробовал несколько раз). С шрифтами такая же канитель.
Вот ссылка на сайт
Не понятно что делать - ведь это очень важные настройки... Спасибо!

Найдите, где в фреймворке можно добавить собственные стили, или создайте папку custom_css и туда все изменения, они по умолчанию будут иметь приоритет. Если что то перекрывает стили, тогда костыль типа !important
Не правьте css в коде шаблона, при обновлении все слетит.
Но вообще вроде там все очевидно:
/templates/vina_veneno/css/template.css
строка 380
#sp-footer-wrapper {
background-color: #нужный цвет;
}
Шрифты гугловские скорее всего в фреймворке подключаются, не видел, не могу сказать точно.

Спасибо за ответ! Т.е. я просто создаю эту папку, копирую туда нужный мне код из template.css, делаю там изменения цвета с пометкой important? Такого плана получится:
#sp-footer-wrapper {
!important background-color: #нужный цвет;
}

Да? А для верхнего меню не напишите код который вы считаете нужно править, чтобы я не ошибся? Я правил:
#sp-main-menu-wrapper {
background-color: #191919;
}

Вроде все верно должно быть, да? А шрифты гугловские я добавлять и не собирался, мне нужно просто размер шрифта увеличить) Извиняюсь если что, новичок)

В Helix2 настройки шрифтов и цвета настраиваются в опциях шаблона. И даже не надо лезть в templates.css. В Helix 3 это реализовано еще удобнее, но VinaGesko пока делает шаблоны только на Helix2.
В верхней картинке вставляем гугловские шрифты.

В настройках современных фреймворков обычно есть отдельное окно для вставки своих стилей, покопайтесь там,
!important вам вряд ли понадобится и ставится он в конце кода, так:
#sp-footer-wrapper {
background-color: #нужный цвет !important;
}

с верхним меню верно

Со шрифтами так же в свои стили вставляете:
#sp-footer-wrapper ul li {
font-size: нужный размер;
}

Ну вот, все оказалось проще, чем я говорил, щас почти везде основные настройки внутри фреймворка и в код лезть не надо.

Спасибо большое, с цветами разобрался! Но не могу понять как же все-таки изменить размер шрифта? Там же вбиваешь название шрифта, а в селекторс куда он должен применяться, размер в px не понятно куда писать(( и откуда брать сторонние шрифты на кириллицу случаем не знаете?

А вот размер шрифта тут не регулируется, в отличии от Helix 3.
Его надо регулировать в templates.css или добавьте тут же в "Selectors". Но в любом случае вручную.
К тому же тут нельзя регулировать разный размер заголовков из шаблона.
Ну хотя бы есть быстрое регулирование цветов шрифта, ссылок и бэкграунда, и то хорошо.

Всем спасибо, разобрался!))