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.
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!
Sure thing!
Here’s the code you can use for that:
.menu-primary-items a:hover {
background: #34bcd3;
}
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:”
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 years, 7 months ago by
Ben Sibley.
