Community Forums › Forums › Archived Forums › General Discussion › Parallax pro naviagtion question
- This topic has 5 replies, 2 voices, and was last updated 8 years, 1 month ago by Christoph.
-
AuthorPosts
-
February 2, 2016 at 12:52 pm #178175delightMember
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.
February 6, 2016 at 1:01 am #178451ChristophMemberHi,
you can try adding this to your style.css
#menu-primary-navigation a {
color: #fff;
}Replace #fff with a color of your liking.
February 8, 2016 at 12:08 am #178546delightMemberI added the code you sent me, but it didnt change the color.
I added under primary nav in the css.
What now?
February 8, 2016 at 9:13 am #178574ChristophMemberWorks on the theme demo:
http://screencast.com/t/uduEV4eZOgdRRemember to change the color code to something else than white/#fff
February 9, 2016 at 12:27 am #178632delightMemberHere 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;
}February 9, 2016 at 12:42 am #178633ChristophMemberClear 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.
-
AuthorPosts
- The forum ‘General Discussion’ is closed to new topics and replies.