WordPress.org

1. ledan09
   Member
   Posted 1 year ago #

   Hello,
   I am needing to edit a few things in my navigation bar.
   I know the files Theme.CSS amd Superfish.CSS can do some of what I want, but I am not able to find all the necessary code.

   When I click on a button in my navigation bar, I included a Sprite control, which makes it seem as the button is being "pressed down".
   When this is happening (not really a hover, but rather after hovering and as you click the button), I am needing to change the color of that tab I am clicking on.

   Similarly, I am needing to change the color of the navigation tabs of my site, so that when I am on a specific page (for example when I am on the "Contact" page), the "Contact" tab would be a specific color, and the rest of the navigation tabs are a different color.

   I hope this makes sense. Please let me know if you have any direction in this...

   My site is http://www.DanielHaddad.Org ; as of now, when the "Contact" tab is clicked, the tab stays gray, versus blue (which is what I want).

   Thank you for all your help,

   Daniel

2. @mercime
   Member
   Posted 1 year ago #

   Highlighting current page
   

   #primary-nav li.current-menu-item, #primary-nav li a:active {
   background-image:url("../images/navi_sprite.png");
   background-position:center bottom;
   background-repeat:no-repeat; }

3. ledan09
   Member
   Posted 1 year ago #

   Thank you for your help!

   I didn't know what to do with the #primary-nav li.current-menu-item?

   Or do I put all you wrote me in my Theme.css exactly as you have them?

   The 2nd part (#primary-nav li a:active) seemed to have fixed my 2nd problem (of keeping the tab blue when on that specific page).

   Thanks again!

Topic Closed

This topic has been closed to new replies.