Проблема с изменением цвета кнопок и фона в wordpress

[mouseee]

Добрый день!

У меня возникла проблема с изменением цвета кнопок главного меню на сайте http://aoe9map6.beget.tech/

Ссылка на скрин - http://rgho.st/8n7Mb7F4c

Скрин 2 - http://rgho.st/6ltWqhXKD

Сайт сделан на движке wordpress. Главная проблема - не могу через встроенный в вордпресс редактор "style.css" найти эти параметры color (именно для цвета меню и кнопки поиск), которые нужно поменять на свои.

( К примеру color: #626668; просто заменить на color: #4c66a4; )

Цвет кнопок нужно сделать красные (вместо черных), и кнопочку поиск тоже красную.. цвет шрифта кнопок синий (вместо белого). Чтобы было понятней на скрине все показано.

Тема wordpress - Graphene Версия: 1.9.4.2

Заренее большое спасибо.

 

 

Edited February 24, 2017 by mouseee

[palindrom]

Добрый вечер.

Посмотрел ваш сайт, в файле style.css  нашел вот этот класс, поменял цвет на нужный... По аналогии можно найти всё остальное,
используя хромовский инспектор.

/* Navigation Menu */
.main-navigation {
    margin-top: 24px;
    margin-top: 1.714285714rem;
    text-align: center;
    background-color: #4c66a4;
}
 

[mouseee]

 

palindrom, Прошу прощения, но когда Вы пытались посмотреть сайт я в этот момент уже экспериментировал от безысходности с другими темами. Сейчас сайт вернул к той теме которая была в вопросе.

Очень расчитываю на вашу помощь.

Вопрос открыт.

Заранее спасибо.

[palindrom]

Вот эти стили нужно редактировать.

Цвет кнопок в меню:

#header-menu > li {
    font: normal 14px arial;
    margin: 0 0 0 5px;
    background-color: red;
}

Цвет кнопки:

(Кнопка кстати уже простилизована, добавлена фоновая картинка, так что пока не понимаю для чего вам изменение цвета кнопки)

#top_search button {
    background: url(images/sprite_master.png) -38px top no-repeat;
    border: 0;
    cursor: pointer;
    display: block;
    float: right;
    width: 23px;
    height: 23px;
    background-color: red;

}

Цвет шрифта:

#header-menu > li > a {
    color: #fff;
    line-height: 16px;
    padding: 9px 10px 10px;
}

[mouseee]

Спасибо, помогло. а как изменить цвет кнопок при наведении мышкой? и цвет самого фона который под "кнопками меню".

И еще есть вопрос кто может подсказать какая тема для wp стоит на этом сайте http://babynar.ru/

 

Заранее огромное спасибо!

[palindrom]

mouseee, за цвет кнопок при наведении мышью отвечает псевдокласс :hover.

Например, 

a:hover {
  color: green;
} 

Вместо тега <a> можно стилизовать практически любой компонент... Всё уже зависит от вашего подхода.

Рекомендую покопаться в стилевом файле и понять, где именно применяется нужный псевдокласс и там 
уже вписать свои параметры.

К цвету под кнопками меню можно обратиться через идентификатор

#header-menu-wrap {

background: green;
position: relative;

}

Также рекомендую обратиться к этому ресурсу. Там можно найти открытые вебинары и курсы по нашей тематике,
 то есть WordPress, азам веб-программирования итд...