How can i add CSS properties to element .navbar-default .navbar-nav > li > a

Dazzling
1

Hi, I’ve been looking for the structure of the main nav menu to add support for specific element classes.
What I really want to do is change every element color in the nav.

Here’s what I’ve done so far:

.navbar-default .navbar-nav > li > a.yellow {
color: #ffd633;
line-height: 30px;
}
.navbar-default .navbar-nav > li > a.green {
color: #00cc00;
line-height: 30px;
}
.navbar-default .navbar-nav > li > a.blue {
color: #0099ff;;
line-height: 30px;
}
.navbar-default .navbar-nav > li > a.kindaMagenta {
color: #ff0066;
line-height: 30px;
}
.navbar-default .navbar-nav > li > a.uglyPurple {
color: #660066;
line-height: 30px;
}
.navbar-default .navbar-nav > li > a.bitchinPurple {
color: #ffd633;
line-height: 30px;
}

However, I can’t add those classes to any element because they’re not supported by Menu structure.

How can i change it? or where is the menu structure located? I’ve tried in header.php and functions.php

Thanks!

2

Hello there,

I hope you are doing well today.

Ifyou want to change the menu color with CSS please go to Appearance > Customize > Additional CSS and pasting it there.

/*Menu item font color*/ .navbar-default .navbar-nav > li > a { color: #ff0066; line-height: 30px; }

Best Regards,
Support