Change font color on second navigation bar eleven40

[timjim]

I'm working on eleven40 and I'm trying to change the font color on my second navigation bar ONLY.

I think it is determined by this CSS code:

Color Styles
---------------------------------------------------------------------------------------------------- */

.eleven40-pro-blue .archive-pagination a,
.eleven40-pro-blue .footer-widgets .entry-title a,
.eleven40-pro-blue .genesis-nav-menu a,
.eleven40-pro-blue .site-title a,
.eleven40-pro-blue .site-title a:hover,
.eleven40-pro-green .archive-pagination a,
.eleven40-pro-green .footer-widgets .entry-title a,
.eleven40-pro-green .genesis-nav-menu a,
.eleven40-pro-green .site-title a,
.eleven40-pro-green .site-title a:hover,
.eleven40-pro-red .archive-pagination a,
.eleven40-pro-red .footer-widgets .entry-title a,
.eleven40-pro-red .genesis-nav-menu a,
.eleven40-pro-red .site-title a,
.eleven40-pro-red .site-title a:hover {
color: #fff;

Below is the Navigation bar CSS:

/* Secondary Navigation
--------------------------------------------- */

.nav-secondary,
.nav-secondary .sub-menu a {

}

.nav-secondary {
border-top: 1px solid #fff;
}

.nav-secondary .wrap {
border: none;
}

.nav-secondary a:hover,
.nav-secondary .current-menu-item > a,
.nav-secondary .sub-menu a:hover,
.nav-secondary .sub-menu .current-menu-item > a:hover {
color: #ed702b;
}

.nav-secondary .sub-menu .current-menu-item > a {
color: #fff;
}

Thank you for any help offered

Tim

http://poland-today.pl/test/

[AnitaC]

Are you trying to change both colors or... the white color or the orange hover color?

---

Need help with customization or troubleshooting? Reach out to me.

[timjim]

Just the white thank you.

[AnitaC]

I broke the larger code down, add this to your style sheet and change the color code:

.nav-secondary .genesis-nav-menu a {
color: #cc9900;
}

---

Need help with customization or troubleshooting? Reach out to me.

[timjim]

I put under /* Secondary Navigation */
.nav-secondary .genesis-nav-menu a {
color: #cc9900;
}

But this is still being over ruled by /* Color Styles*/ colour: #000

If I change /* color styles */ colour changes in both primary and secondary navigation. I want only secondary to change

Please point out where I've gone wrong

Thank you for your patience

[AnitaC]

Add !important to the end of it then.

.nav-secondary .genesis-nav-menu a {
color: #cc9900 !important;
}

---

Need help with customization or troubleshooting? Reach out to me.

[timjim]

Bingo!

Best wishes

[AnitaC]

You're welcome! 🙂

---

Need help with customization or troubleshooting? Reach out to me.

[Author]

Posts