Forums

Navigation Bar (Hovering and Post-Clicking) (3 posts)

  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.

About this Topic