[Sparkling] Nav Menu Link Color

  • Resolved JasonForbes

    (@jasonforbes)


    10 years ago

    How do I change only the Nav Menu Link Colors. Currently if I change the Top nav item hover color it also changes the hover color of the post titles.
    I want to have the color of Menu link of the page i’m currently on to be one color, then the the color of the Menu link when I hover to be another color. But also have the hover
    of the Post Titles to be a separate and different color.
    How is that done? (i think its done with back-ground color)
    here’s the site: https://www.porttobaccoriver.org

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author Silkalns

    (@silkalns)

    Add this code to Theme Options – Other – Custom CSS and replace color code to one you want to use. This code will allow you to chance active menu item color as well as color for menu items on hover. This will leave post title on hover to one you set via Theme Options. 

    .navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav .active a, .navbar-default .navbar-nav .active a:hover, .navbar-default .navbar-nav .active a:focus, .navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav li a:focus, .navbar-default .navbar-nav .open a, .navbar-default .navbar-nav .open a:hover, .navbar-default .navbar-nav .open a:focus {
color: #fff;
}

    Let me know if this is the solution you were looking for.

    Thread Starter JasonForbes

    (@jasonforbes)

    Silkalns,
    Worked like a charm. Thanks so much. Love the theme! So does the organization president!

    Regards,
    Jason

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘[Sparkling] Nav Menu Link Color’ is closed to new replies.