Support » Theme: Ignite » change navigation color

  • Resolved florian99



    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!


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


    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:

    .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.

    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


    Sure thing!

    Here’s the code you can use for that:

    .menu-primary-items a:hover {
      background: #34bcd3;


    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


    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 7 months, 4 weeks ago by  Ben Sibley.
Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘change navigation color’ is closed to new replies.