Docs

[Bryce K]

Hello,

I feel like this is a simple question that I just can’t find the answer for.

How do you change the overall theme accent color? I’ve attached a photo as an example. It’s the top color when I highlight a menu option, and it also shows up as a thin colored bar beneath my Revolution Slider on my home page.

Any advice would be greatly appreciated.

[Joao]

Hi There,

Please add the following code to Appereance > Customizer > custom > CSS and change #17910D7 for the desired color.

.x-navbar .x-nav > li > a:hover, .x-navbar .x-nav > .current-menu-item > a {
-webkit-box-shadow: inset 0 4px 0 0 #17910D;
box-shadow: inset 0 4px 0 0 #17910D7;
}

Hope it helps

Joao

[Bryce K]

Unfortunately that didn’t work either.

I’ve attached a photo of what my Custom CSS looks like.

Also, this is somewhat unrelated, but the Customizer is just showing a blank page on the right side, so it’s difficult to see the changes in real time.

[Christopher]

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.

[Bryce K]

Hi,

I’m not sure if it’s too late to reply to this thread, but our URL is http://www.churchofsouthland.com. Thanks!

[Lely]

Hello Bryce,

We’re always here to help and it is never too late.
Please try to update above CSS to this:

.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 {
  -webkit-box-shadow: inset 0 4px 0 0 #17910D;
  box-shadow: inset 0 4px 0 0 #17910D7;
}

Hope this helps.

[Bryce K]

That worked! Thank you so much.

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts