dshrenik
asked on
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!
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!
ASKER
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.
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.
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.
ASKER
Alright. I posted a question on their forum. Thanks!
ASKER
If possible, please answer this question:
https://www.experts-exchange.com/questions/26947265/Reduce-the-gap-between-logo-and-main-menu.html
https://www.experts-exchange.com/questions/26947265/Reduce-the-gap-between-logo-and-main-menu.html
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Could you tell me where exactly and in which file I need to add this line of code?
Thanks!
Thanks!
anywhere in your stylesheet... style-Default.css
Somewhere around Line 113 if you want to keep it with the rest category navigation styles
Somewhere around Line 113 if you want to keep it with the rest category navigation styles
ASKER
It doesnt seem to work.
ASKER
For a custom menu, we need to use this code:
#categories ul li.current-menu-item{ background-color: #FFFFFF; }
#categories ul li.current-menu-item{ background-color: #FFFFFF; }
Try this
#categories ul li.current-menu-item a {backgound-color:#76a0b0;}
#categories ul li.current-menu-item a {backgound-color:#76a0b0;}
ASKER
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.
#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.
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.