[kerbyengen]

Can you tell me how to change the font color of an active page within the top navigation of the Catch Box theme? We are using the Light color scheme of Catch Box but would like the font color to be red after the user selects the page. Currently it becomes bold and white when the page is active, we would like it to be bold and red.

http://www.ndatl.k12.nd.us/

[Mahesh]

@kerbyengen: Tried to check your site but the site didn’t load.

Regards,
Mahesh

[kerbyengen]

Not sure why you cannot open the link that I posted, the site is live and available. You can also find it by typing NDATL into any search engine and it will be the first site listed. Here is a link to a screenshot of our top navigation if that works better for you. I circled the “Welcome” tab within the top navigation as that is what we would like to be red. The font color of the active page you are on would turn red and bold instead of white and bold.

https://drive.google.com/open?id=0B2nfp36x2vMbTGZfZlViaWEwVVk

Thank you!

[Mahesh]

@kerbyengen: Tried again but still your site is seem to be down. Try the following CSS. Go to Dashboard=> Appearance=> Customize=> Additional CSS box and add the following CSS:

#access .menu .current-menu-item > a, #access .menu .current-menu-ancestor > a, #access .menu .current_page_item > a, #access .menu .current_page_ancestor > a, #access-secondary .menu .current-menu-item > a, #access-secondary .menu .current-menu-ancestor > a, #access-secondary .menu .current_page_item > a, #access-secondary .menu .current_page_ancestor > a, #access-footer ul.menu .current-menu-item a {
    color: #ff0000;
}

Regards,
Mahesh

[kerbyengen]

Thank you so much! That is exactly what we want. Kerby

[kerbyengen]

One more request – now that the active page font is red, is there code that we can add that will take the bold style out?

[Mahesh]

@kerbyengen: Add the following CSS:

#access .menu .current-menu-item > a, #access .menu .current-menu-ancestor > a, #access .menu .current_page_item > a, #access .menu .current_page_ancestor > a, #access-secondary .menu .current-menu-item > a, #access-secondary .menu .current-menu-ancestor > a, #access-secondary .menu .current_page_item > a, #access-secondary .menu .current_page_ancestor > a, #access-footer ul.menu .current-menu-item a {
    font-weight: normal;
}

Regards,
Mahesh

[kerbyengen]

Thank you!

[Author]

Posts