Change color of colorbar (below menu item)

It looks like there are two css selectors effecting that element.

.nav-container .current_page_item > a > span,
.nav-container .current-menu-item > a span {
     background-color: #1a91b3; // change this to your liking
}

I try this (before asking and now) but nothing hapens. Something overlap it.

If you want to be super verbose you can apply the entire selector.

button, input[type="submit"],
input[type="button"],
input[type="reset"],
.nav-container .current_page_item > a > span,
.nav-container .current_page_ancestor > a > span,
.nav-container .current-menu-item > a span,
.nav-container .current-menu-ancestor > a > span,
.nav-container li a:hover span {
        background-color: #1a91b3;
}

No success.

I see from the mozilla inspector that it inherit the color from inline (index file) and not from the css file. I can’t find any other css file. How can i disable this?

I read somewhere about child theme development and that you can change anything about styling. Do you thing that it will give me a solution?

I see it now. The theme author is using a custom style sheet and displaying it by hooking into wp_head()

In your theme look for the file iexcel-custom-style.php.

On line 25 there is a variable $primary_color; Change that and you should be good to go.

Thank you Justin!

As an additional note, it’s best practice to create a child theme and copy that file into your child theme. Then make your adjustments there. That way your changes aren’t overwritten when the theme gets updated.

Thank you again! You resolve my issue!