Docs

[Erzengel93]

Hi.

How can I change the blue navigation bar accent to another color?

Greetings

[Prasant Rai]

Hello There,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thanks.

[Erzengel93]

This reply has been marked as private.

[Nabeel A]

Hi there,

Please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a {
    box-shadow: 0 2px 0 0 #ff7302 !important;
}

Change the color as per your need. Cheers!

[Erzengel93]

Wow thank you very much! That is exactly what I was looking for.

I understand what the code inside of the {} means but I would have never figured
.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a
out.

Is this just regular css or is this something made specifically for this theme? Is there some kind of documentation that covers this custom commands? I would love to read that.

Cheers!

[Thai]

Please take a look at this article: http://www.w3schools.com/cssref/css_selectors.asp.

Hope it helps 🙂

[Author]

Posts