Замучился с настройками

Разрабатываю тему Colormag. Пытаюсь настроить внешнее оформление. Что-то получается, что-то нет. Сейчас конкретно не могу корректно изменить атрибуты заголовка: цвет,наклон,тип. Когда вызываю «Просмотреть код» строка html документа типа в правом верхнем углу, то внизу вижу:
element.style {
} index:49 ( подчеркнут )
.home-icon.front_page_on, .main-navigation a:hover, .main-navigation ul li ul li a:hover, .main-navigation ul li ul li:hover>a, .main-navigation ul li.current-menu-ancestor>a, .main-navigation ul li.current-menu-item ul li a:hover, .main-navigation ul li.current-menu-item>a, .main-navigation ul li.current_page_ancestor>a, .main-navigation ul li.current_page_item>a, .main-navigation ul li:hover>a, .main-small-navigation li a:hover, .site-header .menu-toggle:hover {
background-color: #666F76;
}
Здесь можно только поэкспериментировать с цветом — поменять его нельзя. Понимаю, что это надо делать где-то в другом месте. Жму на link ( index:49) и попадаю во внутрь html документа index, в котором в указанной 49-й строке целая куча этих #666F76. Не править же их каждый по отдельности!? Короче — запутался.

Когда есть ссылка в коде страницы на style.css вопросов не возникает, но вот когда там index, то все , затык. Помогите, как выйти из этой ситуации.