Zmiana koloru podświetlenia Menu

Hejka,
Chciałabym troszkę zmienić menu z wybranego szablonu, niestety w darmowej wersji nie ma takiej opcji poprzez "wygląd-->dostosuj". Próbuję spersonalizować swoje menu poprzez "dodatkowy css". Udało mi się już zmienić: kolor czcionki, kolor czcionki nazwy strony, która jest obecnie wyświetlana (current-menu-ancestor), a nie mogę poradzić sobie ze zmianą koloru podświetlania jeżeli myszką najeżdżamy na menu. Mógłby ktoś pomóc? Jaki kod powinnam jeszcze wpisać?
Poniżej kod, który w tej chwili mam:

.tg-primary-menu > div ul li:active > a, .tg-primary-menu > div ul > li:not(.tg-header-button-wrap).current_page_item > a, .tg-primary-menu > div ul > li:not(.tg-header-button-wrap).current_page_ancestor > a, .tg-primary-menu > div ul > li:not(.tg-header-button-wrap).current-menu-item > a, .tg-primary-menu > div ul > li:not(.tg-header-button-wrap).current-menu-ancestor > a {
color: #b3995d;
}
.tg-primary-menu > div ul li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: #002144;
}

1. Zrób tak: Podaj link do strony oraz screen z zaznaczonym fragmentem który ma mieć inny kolor. Wtedy wchodząc na stronę odszukam sobie ten fragment w konsoli i pomogę i będę miał pewność że dodałaś styl do odpowiedniego diva lub innego znacznika

2. Jeżeli chcesz żeby kolor zmieniał się wtedy gdy najeżdżasz na tekst to musisz dodać to w taki sposób (przykład)

.tg-primary-menu > div ul li a:hover {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: #002144;
}

' :hover ' oznacza moment w którym kursor znajduje się nad znacznikiem a

Udało się poprzez:
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, a:hover, a:focus {
color: #ff0000 !important;

Dzięki