Community Forums › Forums › Archived Forums › Design Tips and Tricks › How Do I Change The Text Color In The Menu's?
Tagged: css, Enterprise Pro, menus
- This topic has 12 replies, 2 voices, and was last updated 9 years, 8 months ago by
Davinder Singh Kainth.
-
AuthorPosts
-
March 10, 2014 at 11:02 pm #94228
[email protected]
MemberI have a grey text color in my menu for pages that are selected. Where is that bit of CSS? And, is this the same place as the drop-down sub-menu's? Some are grey and some are white and I don't know why.
If I make any sense and you can assist, I appreciate it. If I don't make sense, its cause I've been up since 4 am.
Thanks.
Brandon
http://globalconfig.netMarch 11, 2014 at 12:58 am #94237Davinder Singh Kainth
MemberThat grey color code is #aaa
You can edit it by checking following section of code in style.css (different color section, if you selected different color theme)./* Theme Colors ---------------------------------------------------------------------------------------------------- */ /* Enterprise Pro Black --------------------------------------------- */ .enterprise-pro-black .comment-meta a, .enterprise-pro-black .genesis-nav-menu .current-menu-item > a, .enterprise-pro-black .genesis-nav-menu .sub-menu .current-menu-item > a:hover, .enterprise-pro-black .genesis-nav-menu .sub-menu a:hover, .enterprise-pro-black .genesis-nav-menu a:hover, .enterprise-pro-black .site-footer a, .enterprise-pro-black a:hover { color: #aaa; }
Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis ThemesMarch 11, 2014 at 8:39 am #94281[email protected]
MemberThat pretty much did it. Thank you very much! I'm now seeing the color I want, but have one weird issue.
Why are Cisco, CompTIA, and Beginner Courses orange?
March 11, 2014 at 9:06 am #94282Davinder Singh Kainth
MemberFor this delete the following code
/* Enterprise Pro Black --------------------------------------------- */ .enterprise-pro-black .comment-meta a, .enterprise-pro-black .genesis-nav-menu .current-menu-item > a, .enterprise-pro-black .genesis-nav-menu .sub-menu .current-menu-item > a:hover, .enterprise-pro-black .genesis-nav-menu .sub-menu a:hover, .enterprise-pro-black .genesis-nav-menu a:hover, .enterprise-pro-black .site-footer a, .enterprise-pro-black a:hover { color: #ff931d; font-weight: bold; }
And add following code in its place
/* Enterprise Pro Black --------------------------------------------- */ .enterprise-pro-black .comment-meta a, .enterprise-pro-black .genesis-nav-menu .current-menu-item > a, .enterprise-pro-black .genesis-nav-menu a:hover, .enterprise-pro-black .site-footer a, .enterprise-pro-black a:hover { color: #ff931d; font-weight: bold; } .enterprise-pro-black .genesis-nav-menu .sub-menu .current-menu-item > a:hover, .enterprise-pro-black .genesis-nav-menu .sub-menu a:hover { color: #fff; font-weight: bold; }
Above #fff is the color of referenced sub menu, you can change it to anything as per requirement.
Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis ThemesMarch 11, 2014 at 9:50 am #94288[email protected]
MemberThat cleaned up the odd orange, but now all menu's are white rather than the bold orange and they are a blue color when I hover over them. Did I do something wrong?
March 11, 2014 at 11:09 pm #94379Davinder Singh Kainth
MemberTo switch white color to orange, look for following code
/* Primary Navigation --------------------------------------------- */ .nav-primary { background-color: #006496; } .nav-primary, .nav-primary a { color: #fff; }
Change this code to following:
/* Primary Navigation --------------------------------------------- */ .nav-primary { background-color: #006496; } .nav-primary, .nav-primary a { color: #ff931d; }
Above change color from white to orange.
Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis ThemesMarch 11, 2014 at 11:10 pm #94380Davinder Singh Kainth
MemberTo change hover blue color, look for following code
.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: #072656; }
Change color code to color of your choice
Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis ThemesMarch 12, 2014 at 10:31 am #94447[email protected]
MemberIt's strange, because I make the changes, and nothing happens. Not sure why, but now what I am seeing is that nothing makes a difference.
March 12, 2014 at 10:28 pm #94585Davinder Singh Kainth
MemberThis theme support lot of color options, which color option is selected in settings as of now?
Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis ThemesMarch 12, 2014 at 10:44 pm #94589[email protected]
MemberIt's black right now.
March 12, 2014 at 11:44 pm #94592Davinder Singh Kainth
MemberI still see dark blue color code in theme code
.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: #072656; }
In above code change #072656 to a different code for color you want.
Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis ThemesMarch 13, 2014 at 11:48 am #94708[email protected]
MemberWorks now. Thank you!
March 15, 2014 at 9:06 pm #95082Davinder Singh Kainth
MemberWelcome.
Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes -
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.