Hey, in order to change the link color in the Divi navigation you usually go first to

Appearance => Customize => Header & Navigation => Primary Menu Bar => Active Link Color and change the color code to your needs.

Second, you also change the color at the ACTIVE PRIMARY MENU LINK COLOR settings under the Fixed Navigation Settings.

Third, you may also change the default layout settings at Appearance => Customize => General Settings => Layout Settings => Theme Accent Color

By making this three adjustments you should get rid of the default blue link color in the navigation. This is how it´s supposed to work. However, I have come across sites where changing this settings does not get rid of the default blue active link color. If you are in the same situation, you may use the following short code we found in a Divi support forum.

How to change the link color in the Divi navigation using a short code

Enter the following short code in the custom CSS field under Dashboard => Divi => Theme Options:

Change the link color in the Divi navigation with a short code (screenshot WordPress Divi Dashboard)

Change the link color in the Divi navigation with a short code (screenshot WordPress Divi Dashboard)

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

Then replace the color code of the standard blue with your required color. You should now have changed the link color in the Divi navigation to your requirements.




ads

Subscribe To Our Newsletter

Subscribe To Our Newsletter

Join our mailing list to receive the tips, news and updates about Divi.

You have Successfully Subscribed!