Solved Active page background color

First I would like to say fantastic plug in Divi ultimate header.

But, How do I change that annoying blue background for the active page?
I went through the forum and tried all solutions but none work...Not a one!

Here is the blue color

.current_page_item {
background-color: #274D8B;
}



I want to change it to another color.
No matter what I put in the css nothing works.

I found the color located in this css
/wp-content/cache/et/49697/et-core-unified-15650600990038.min.css

I am able to change the color there, but have to do this for all pages and if I make on change to the menu.
I have to go back in and change it again and say forget this.

Some sites i build have up to 80 pages

Would you please come up with a way to change this background color for all menu items
and set it up as a global under
Header & Navigation Styling


Please do not confuse with the active link color for the word... this I have control over.
This is the blue background for the page your on. It's messing up my work. I cannot have eveything with a blue background.

If you add this feature, this would be cool man!

Until then, is there any css I can use to overwrite the background-color: #274D8B;
again I went through the forum and tried all solutions but none work...Not a one!

thanks

 

Part 2:

Now that I added to
DIVI > theme options > Custom CSS

.current_page_item {
background-color: transparent!important;
}

or

.current_page_item {
background-color: #FFFFFF!important;
}


and it fixed the background color...BTW THANK YOU VERY MUCH and for the fast response. Right on DUDE!!!

Now I lost the under line when I mouse over and this is on style 1, 2 and 3 also want to change the color of the under line.

1. How do I get the line back and make it show up on the active page and show for hover ?
(yes active is still underlined)

2. How do I change the color?

I think a z index is involved.
not sure how to do css on this one. thanks for the help

BTW your plugin is Ultimate and is the Best!!!! I am able to menus like never before. I just have one hell of a request on this one.

 

https://www.tncs.support/All/




Fixed drop down background hover color

.nav ul li a:hover {
opacity: 1;
background-color: #4CAD49!important;
}

With out the !important the color you want will not show up.

 

Thank you!

Please note...You must have DIVI Ultimate Header Version 3.0.0
So make sure you have this version of the plugin installed, if you want this to work.

This solved the issue and I have one happy client.

Thanks again for the help.

Please close this thread.

By the way Buy the DIVI Ultimate Footer as well. It will help solve a lot of problems!
Well worth the money!!! Saves lots of time!!!

 

Also

Change the color of the underline in Theme Customizer > Divi Ultimate Header Plugin > Header & Navigation Styling > Menu Hover Main Color

This is also using Header & Navigation Style 10