change navigation color

  • Resolved florian99

    (@florian99)


    6 years, 1 month ago

    Hello,

    where can I change the color (currently some kind of orange) of the navigation and the sidebar top line to something else.

    Thank you for your help!

    Florian

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author Ben Sibley

    (@bensibley)

    Hi Florian,

    Thanks for using Ignite!

    You can add this CSS to your site to change the color used for the borders in the header and widgets:

    .site-header,
.widget {
  border-color: #34bcd3;
}

    Please copy & paste the code above into the “Additional CSS” section in the Customizer (Appearance > Customize), and it will take effect right away.

    There’s also a more comprehensive color option (as well as some other features) included in Ignite Plus.

    Thread Starter florian99

    (@florian99)

    Hi Ben

    thank you for this fast answer on a Sunday!

    One more thing. What’s the CSS code to change the color of the primary navigation menu items at the top (right below the .site-header

    Thank you!

    Theme Author Ben Sibley

    (@bensibley)

    Sure thing!

    Here’s the code you can use for that: 

    .menu-primary-items a:hover {
  background: #34bcd3;
}
    Thread Starter florian99

    (@florian99)

    Great!

    I don’t know why, but I tried around but couldn’t figure out how to change the color of the active menu item, it somehow continues to stay orange.
    Tried all CSS selectors for “a:”

    Theme Author Ben Sibley

    (@bensibley)

    That code is a bit harder to override, but this CSS should work:

    #menu-primary-items .current-menu-item > a {
  background: #34bcd3;
}

    And thank you for the review!

    • This reply was modified 6 years, 1 month ago by Ben Sibley.
Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘change navigation color’ is closed to new replies.