Change active tab color

I'm using this theme:
http://www.elegantthemes.com/preview/PureType/

When I hover over a tab on the menu, the color changes to blue. I want it to stay as blue when I click a link (active tab)

Please tell me how I can do this.

Thanks!
dshrenikAsked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

mjjdesignsCommented:
It doesn't appear that this particular theme has any CSS set for an active tab to stay highlighted a certain color.

WordPress automatically outputs an "active" class for the list item that's currently active, so you'd just have to provide your own CSS for that class.

Post in the Elegant Themes forum and either Nick (the owner of Elegant Themes) or one of his support guys can give you the exact CSS you'll need to do what you want.
0
dshrenikAuthor Commented:
Is it possible for us to have a look at the CSS of another theme with active tabs highlighted and use that code? If yes, please let me know. I can give you the CSS of a different theme.
0
mjjdesignsCommented:
Sure, but unless it's the same theme, different CSS isn't going to do you much good.

The best thing to do here would be to ask the guys who built the theme for the correct code to do what you want.

You could write your own, but that doesn't seem like something you can do, given your question.
0
Become a Microsoft Certified Solutions Expert

This course teaches how to install and configure Windows Server 2012 R2.  It is the first step on your path to becoming a Microsoft Certified Solutions Expert (MCSE).

dshrenikAuthor Commented:
Alright. I posted a question on their forum. Thanks!
0
dshrenikAuthor Commented:
0
gwkgCommented:
#categories ul li.current-cat a {backgound-color:#76a0b0;}
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
dshrenikAuthor Commented:
Could you tell me where exactly and in which file I need to add this line of code?
Thanks!
0
gwkgCommented:
anywhere in your stylesheet... style-Default.css

Somewhere around Line 113 if you want to keep it with the rest category navigation styles
0
dshrenikAuthor Commented:
It doesnt seem to work.
0
dshrenikAuthor Commented:
For a custom menu, we need to use this code:
#categories ul li.current-menu-item{ background-color: #FFFFFF; }
0
gwkgCommented:
Try this

#categories ul li.current-menu-item a {backgound-color:#76a0b0;}
0
dshrenikAuthor Commented:
That doeesn't work. This line of code works partially:
#categories ul li.current-menu-item, #categories ul li.current-menu-parent{ background-color: #76a0b0; }

But, this does not work for a submenu item of a submenu. I think it needs to be iterative.
I'm assuming that it may not work for pages which are children of the children of a page on the main menu.
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
WordPress

From novice to tech pro — start learning today.