Community Forums › Forums › Archived Forums › Design Tips and Tricks › Eleven40 Pro – Font colors in menus
Tagged: eleven40 menu
- This topic has 9 replies, 2 voices, and was last updated 10 years, 7 months ago by sarabellum.
-
AuthorPosts
-
August 31, 2013 at 1:12 pm #59945sarabellumMember
I would like to change my menu hover and current menu colors. (Ideally, I would like those to be grey, so I can make all the other links on my site the darker blue of the background).
I've looked at this post, but am still having issues - http://www.studiopress.community/topic/change-font-color-on-second-navigation-bar-eleven40/
I'm working with this part of the code:
/* eleven40 Pro Blue
--------------------------------------------- */.eleven40-pro-blue a,
.eleven40-pro-blue .entry-title a:hover,
.eleven40-pro-blue .genesis-nav-menu a:hover,
.eleven40-pro-blue .genesis-nav-menu .current-menu-item > a,
.eleven40-pro-blue .nav-primary .sub-menu a:hover,
.eleven40-pro-blue .nav-secondary .sub-menu a:hover,
.eleven40-pro-blue .site-footer a:hover,
.eleven40-pro-blue .site-header .sub-menu a:hover {
color: #2aa4cf;
}.eleven40-pro-blue button:hover,
.eleven40-pro-blue input:hover[type="button"],
.eleven40-pro-blue input:hover[type="reset"],
.eleven40-pro-blue input:hover[type="submit"],
.eleven40-pro-blue .archive-pagination a:hover,
.eleven40-pro-blue .archive-pagination li.active a {
background-color: #2aa4cf;
}I have tried adding color tags to these two lines
.eleven40-pro-blue .genesis-nav-menu a:hover,
.eleven40-pro-blue .genesis-nav-menu .current-menu-item > a,But - doing that is changing ALL the links on my site to white.
August 31, 2013 at 8:33 pm #59992Sridhar KatakamParticipantSeptember 1, 2013 at 6:00 pm #60133sarabellumMemberSo sorry - thought I added it.
September 1, 2013 at 7:40 pm #60170Sridhar KatakamParticipantTry adding the following at the end of theme's style.css (WP Dashboard > Appearance > Editor):
.genesis-nav-menu a:hover, .eleven40-pro-blue .genesis-nav-menu .current-menu-item > a, .eleven40-pro-blue .nav-primary .sub-menu a:hover, .eleven40-pro-blue .nav-secondary .sub-menu a:hover, .eleven40-pro-blue .site-header .sub-menu a:hover { color: #ED702B !important; /* change this to your desired color */ }
September 1, 2013 at 8:49 pm #60181sarabellumMemberThank you! (I swear I tried it, but now it's working!)
September 1, 2013 at 9:32 pm #60185sarabellumMemberTacking on one more (related) question.
I added a secondary menu (using a Genesis Subpages as Secondary Menu plugin). You can see it on this page - http://cotswoldpta.org/governance/
The menu background is showing as white - but I can't find anything in my CSS indicating that any menus should be white. From what I can see, it refers to background: url(images/texture.png) like the other menus - the texture.png file is a solid block of the blue. I've gone over and and over the CSS and can't find it. Firebug seems to indicate that both the primary and secondary menus are genesis-nav-menu, but they are not displaying the same.
Any thoughts?
September 1, 2013 at 10:11 pm #60189Sridhar KatakamParticipantI am looking at http://cotswoldpta.org/governance/ and am not sure where the secondary menu that you refer to (having white background) is present.
September 1, 2013 at 10:19 pm #60191sarabellumMemberI should not be working this late - I posted the wrong URL.
Try here - http://cotswoldpta.org/fundraising/general-fundraising/ - it's the big white area with white text (unless you hover and it turns blue)
September 1, 2013 at 10:53 pm #60195Sridhar KatakamParticipantAdd the following at the end of child theme's style.css (WP dashboard -> Appearance -> Editor):
#subnav { background: url("images/texture.png"); }
September 2, 2013 at 5:07 am #60218sarabellumMemberTHANK YOU!
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.