Parallax pro naviagtion question

[delight]

I want to change the color of the main nav, like home, about, etc.........but i cant find that line of code in the editor. Anyone know where I might find the code?

Thanks.

[Christoph]

Hi,

you can try adding this to your style.css

#menu-primary-navigation a {
color: #fff;
}

Replace #fff with a color of your liking.

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[delight]

I added the code you sent me, but it didnt change the color.

I added under primary nav in the css.

What now?

[Christoph]

Works on the theme demo:
http://screencast.com/t/uduEV4eZOgdR

Remember to change the color code to something else than white/#fff

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[delight]

Here is my code: What am I missing? Thanks.

Site Navigation
---------------------------------------------------------------------------------------------------- */

.genesis-nav-menu {
clear: both;
color: #000000;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 400;
letter-spacing: 1px;
line-height: 1;
width: 100%;
}

.genesis-nav-menu .menu-item {
display: inline-block;
text-align: left;
}

.genesis-nav-menu li li {
margin-left: 0;
}

.genesis-nav-menu a {
color: #000000;
display: block;
font-family: Montserrat, sans-serif;
padding: 27px 20px;
}

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

.genesis-nav-menu > .menu-item > a {
text-transform: uppercase;
}

.genesis-nav-menu .sub-menu {
left: -9999px;
letter-spacing: 0;
opacity: 0;
position: absolute;
-webkit-transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-ms-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
transition: opacity .4s ease-in-out;
width: 200px;
z-index: 99;
}

.genesis-nav-menu .sub-menu a {
padding: 20px;
position: relative;
width: 200px;
}

.genesis-nav-menu .sub-menu .sub-menu {
margin: -56px 0 0 199px;
}

.genesis-nav-menu .menu-item:hover {
position: static;
}

.genesis-nav-menu .menu-item:hover > .sub-menu {
left: auto;
opacity: 1;
}

.genesis-nav-menu > .first > a {
padding-left: 0;
}

.genesis-nav-menu > .last > a {
padding-right: 0;
}

.genesis-nav-menu > .right {
color: #000;
display: inline-block;
list-style-type: none;
padding: 27px 20px;
text-transform: uppercase;
}

.genesis-nav-menu > .right > a {
display: inline;
padding: 0;
}

.genesis-nav-menu > .rss > a {
margin-left: 48px;
}

.genesis-nav-menu > .search {
display: block;
margin: 0 auto;
padding: 0 20px 20px;
width: 50%;
}

/* Header Navigation
--------------------------------------------- */

.site-header .sub-menu {
background-color: #000;
}

#menu-primary-navigation a {
color: #ffffff;
}

/* Primary Navigation
--------------------------------------------- */

.nav-primary {
background-color: #fff;
margin-bottom: 60px;
text-align: center;
}

.nav-primary .sub-menu {
background-color: #000;
}

#menu-primary-navigation a {
color: #000000;
}

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

.nav-secondary .genesis-nav-menu {
padding: 20px 0;
}

.nav-secondary a {
margin: 0 20px;
padding: 0;
}

[Christoph]

Clear you browser cache and cookies, empty the cache of any caching plugin, cloudflare or your host.

You have

#menu-primary-navigation a {
color: #ffffff;
}

and

#menu-primary-navigation a {
color: #000000;
}

The second one will override the first because it is further down in the style sheet.

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[Author]

Posts