How to Make the Divi Active Menu Link Not Stay Blue

by | Last Updated: Oct 15, 2016 | Blog, WordPress Tips

This will be another short blog post, as I just wanted to write about a quick fix to one particular problem that I’m sometimes experiencing with Divi.

 

Divi Active Menu Link

 

The problem is that when I choose a different color than the default blue or if I set a custom color in the Divi customizer (in General Settings > Layout Settings) as the “theme accent color”, the active menu link in the primary menu still remains blue. And this is something that I do not want. So I tried searching the ET support forum and I found the following solution:

#main-header #top-menu li.current-menu-item > a {
color: #db2391 !important;
}

Just insert this code into the Divi custom CSS code box or to your child theme’s style.css file. And don’t forget to replace the color code #db2391 to your desired color.

Looking for more Divi quick tips? Feel free to email me your question and I might write about it the next time.

Bloom Email Opt In Plugin

Disclosure: This website is not owned by Elegant Themes. Some of the links on this website are affiliate links. That means that I will get paid a commission if you use them. This however does not influence my opinions, as I'm personally using these products and am satisfied with them.
Share This