CODEWITHSUNDEEP
htmlcsswordpress
Iulian Constantin Redinciuc
Iulian Constantin Redinciuc

Reputation: 99

Changing the curent page highlight color

I want to change the highlight menu item when i'm on a current page. But it seems the css is not in my theme's style.css file. It seems like it's somewher in the wordpress css files and can't find it. http://iulian.cablevision.ro/fc-botosani

So when I click "Stadion" for example I want to change that light red collor to a more intense red just like it dose on hover but can't find out how to do that... I've deleted all the css from the nav menu and it still have the curent page higlight css option

Upvotes: 0

Views: 53

Answers (2)

Kresimir Pendic
Kresimir Pendic

Reputation: 3614

Add this line to your style.css inside wordpress currectly active theme:

.main-navigation .nav-menu > .current-menu-item > a{
    background: #d11919 !important;
}

Upvotes: 0

Luís P. A.
Luís P. A.

Reputation: 9739

In you rookie.css change the bg color on this classes (line 246)

CSS

.main-navigation .nav-menu > .current-menu-item > a, .main-navigation .nav-menu > .current-menu-parent > a, .main-navigation .nav-menu > .current-menu-ancestor > a, .main-navigation .nav-menu > .current_page_item > a, .main-navigation .nav-menu > .current_page_parent > a, .main-navigation .nav-menu > .current_page_ancestor > a {
    background-color: #dd3333; // Change color Here
    color: #fff;
}

Upvotes: 1

Related Questions