Home>Support>How to change ‘active link color’ in a custom menu?

How to change ‘active link color’ in a custom menu?

Hi,

Great theme and support. I’ve been able to find the answer to most questions just by reading others.

However; cannot find how I can change the active link color on a menu anywhere.

Basically, just want to change the color of the link when that page is active; so in a custom menu, you can see what page you’re currently on by the color of the link.

Hope that makes sense and I imagine this is fairly straightforward – just can’t find the answer!

Thanks very much,

James

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 4 months ago Nature Spy

    And if needed, an example page is http://test.naturespy.org/about-us; the menu in the sidebar.

    Thanks again.

  2. 10 years, 4 months ago Andrew Misplon
    Hi, I Work Here

    Hi James, thanks for running Vantage. There is an active menu color option in the Customizer for the main menu only:

    Appearance > Customize > Menu: Current Page Background and Current Page Text.

    For your sidebar we’ll need to do it ourselves, try the following under Appearance > Custom CSS if you want to change the color of the bullet and the link:

    /* Sidebar Menu */
    
    #menu-about-us .current-menu-item, #menu-about-us .current-menu-item a { color: #f47e3c; }

    and this if you just want to change the color of the link:

    /* Sidebar Menu */
    
    #menu-about-us .current-menu-item a { color: #f47e3c; }

    Hope that helps.

  3. 10 years, 4 months ago Nature Spy

    Thanks, perfect.

  4. 10 years, 4 months ago Andrew Misplon
    Hi, I Work Here

    Super, glad we could help.

  5. 9 years, 6 months ago Jane

    You know I had the same question, but frankly I’m baffled. On one place where I sandboxed, I did nothing special and the links just picked up the correct color as entered in the customize field for both the post and page bodies as well as anything in the sidebar..

    But on the site I just did, I had to add the above code to stop the links from being the default blue, even though I set them to green in the customizer. Why do you suppose this is?

    • 9 years, 6 months ago Andrew Misplon
      Hi, I Work Here

      Hi Jane

      We’d like to help you, but can you please start a new thread with your question? We can only offer you the best support possible when you’re the owner of a thread.

      Page: New Thread

      If you’re a premium user, please be sure to enter your order number so we can properly prioritize your thread.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More