Have the main menu link stay a specific color when visiting that page

Hello.

If you go to my site, http://creativew.com/theme and click on the Our Thinking link, you are taken to that specific page, but at the very bottom, in the footer, you can see that both the Our Thinking and one2one are both highlighted red and one2one is a sub menu (page) to Our Thinking, so should not also be highlighted. Is there away to isolate these links when visiting the pages?

The current code I have to accomplish this is:

#mainnav ul li.current-menu-item a {
color: #db563a;
}

div#sidebar-footer a:hover {
color: #db563a;
}
div#sidebar-footer ul li.current-menu-item a {
color: #db563a;
}

Thanks,
Esteban

Dear Esteban,

Could you please try to change your code in to the following?

#mainnav ul li.current-menu-item > a {
  color: #db563a; 
}

div#sidebar-footer a:hover {
  color: #db563a;
}
div#sidebar-footer ul li.current-menu-item > a {
  color: #db563a;
}

Let me know how it goes.

Regards,
Kharis

Awesome! Looks great.
Thank you again, Kharis.

Topic Resolved.