Eleven40 Pro – Font colors in menus

Community Forums Forums Design Tips and Tricks Eleven40 Pro – Font colors in menus

This topic is: not resolved

Tagged: 

This topic contains 9 replies, has 2 voices, and was last updated by  sarabellum 1 year ago.

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #59945

    sarabellum
    Participant
    Post count: 15

    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.com/forums/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.

    #59992

    Sridhar Katakam
    Participant
    Post count: 1019
    #60133

    sarabellum
    Participant
    Post count: 15

    So sorry – thought I added it.

    http://cotswoldpta.org

    #60170

    Sridhar Katakam
    Participant
    Post count: 1019

    Try 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 */
    }
    

    #60181

    sarabellum
    Participant
    Post count: 15

    Thank you! (I swear I tried it, but now it’s working!)

    #60185

    sarabellum
    Participant
    Post count: 15

    Tacking 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?

    #60189

    Sridhar Katakam
    Participant
    Post count: 1019

    I am looking at http://cotswoldpta.org/governance/ and am not sure where the secondary menu that you refer to (having white background) is present.


    #60191

    sarabellum
    Participant
    Post count: 15

    I 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)

    #60195

    Sridhar Katakam
    Participant
    Post count: 1019

    Add the following at the end of child theme’s style.css (WP dashboard -> Appearance -> Editor):

    #subnav {
        background: url("images/texture.png");
    }

    #60218

    sarabellum
    Participant
    Post count: 15

    THANK YOU!

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.