Jump to content
Sign in to follow this  
djcsuomi

active navigation color

Recommended Posts

djcsuomi

I cannot seem to find the correct css to choose the color of the active page in the navigation and the "hover" color. Please help.

Share this post


Link to post
Share on other sites
asuydam
Dj, Catrina just helped me with this so look a couple posts below and find the one titled "Couple questions on main nav and secondary nav" You should be able to grab what you need from there. Aaron

Share this post


Link to post
Share on other sites
djcsuomi
So which one is supposed to change the selected page?

Share this post


Link to post
Share on other sites
asuydam
You are trying to put a background color behind your navigation menu correct?

Share this post


Link to post
Share on other sites
djcsuomi
no I am trying to change only the tab on the nav that is the active page

Share this post


Link to post
Share on other sites
poseyg
Try this: #primary-nav .main-nav .current_page_item a { background-color: #A6CC55; color: #000000; } Of course, change the background color to your need and the "color" is the text color.

Share this post


Link to post
Share on other sites
beles
Hi. If anyone is using the brandnav section I guess you have to use #brandnav instead of #primary-nav ... At least this did it for me #brandnav .main_nav a { background: #FFFFFF; color: #777 !important; } #brandnav .main-nav .current_page_item a { background-color: #A6CC55; color: #000000; } Simpler is to download the platform_nav_example.php.zip plugin offered in another post and to replace all occurences of "primary-nav" with "brandnav" and then upload it into the wordpress plugin folder (create a new subfolder). Then activate the plugin and you get a new settings option within the pagelines settings called "Nav Extend". In my case is the last point below "Custom Code"

Share this post


Link to post
Share on other sites
beles
I have uploaded the modified script where I have replace the primary-nav with the brandnav ID and added 2 elements to change the color of the active page (background and text color). Just in case anybody has the same requirements as I had: http://beles.com/download/public/platform_brandnav_example.zip please note that I'm not the author of the base script. I also just downloaded it based on hints here in the forum. In the text it states that "pagelines" self was the author. But in fact I guess this should be part of the basic installation. @pagelines: can you add such a section in a future release? thanks

Share this post


Link to post
Share on other sites
humanv3
I have all of this working, but I can't seem to find the selector to keep the main nav option highlighted when I've clicked on a secondary nav option. I'll try to demonstrate (* means clicked): Home *About Us* - Our Team - *Our History* In this scenario, About Us is no longer highlighted when I click on Our History in it's secondary nav... does anyone know the selector for this? Thanks in advance!

Share this post


Link to post
Share on other sites
pauleident
How is the platform_brandnav_example.zip installed? Where does it go in the file structure?

Share this post


Link to post
Share on other sites
anlinares
AWESOME!!!!! @pauleident - It's a plugin so you upload the .zip file in your plugins section and activate. Then, you'll notice another tab in your Platform settings called 'Nav Extend'.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×