change menu font color eleven40 pro

Community Forums Forums Design Tips and Tricks change menu font color eleven40 pro

This topic is: resolved

This topic contains 7 replies, has 2 voices, and was last updated by  asterbird 10 months ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #87243

    miki dedijer
    Participant
    Post count: 22

    hi

    i’ve changed the title color of my footer widget like this:
    .footer-widgets .entry-title a,
    .footer-widgets .widgettitle {
    color: #474a51;
    }

    but how do i change the menu font color in the header, the site name in the header, and the submit text on the genesis enews button to the same color?

    http://vildkultur.se
    #87254

    asterbird
    Participant
    Post count: 101

    Header menu font color: .genesis-nav-menu a {}
    Header site name: .site-title a, .site-title a:hover {}
    Subscribe button: button, input[type="button"], input[type="reset"], input[type="submit"] {}

    #87256

    miki dedijer
    Participant
    Post count: 22

    1. the first line you suggest sets the color of the nav menu, right? this i’ve changed from black to the current color

    .genesis-nav-menu a {
    border: none;
    color: #c7da76;

    2. the second line you suggest i’ve previously changed without any visible effect on the site:

    .site-title a,
    .site-title a:hover {
    color: #474a51;
    text-decoration: none;
    }

    3. the third line you suggested works! thank you.

    #87262

    asterbird
    Participant
    Post count: 101

    No, first line I suggested .genesis-nav-menu a {} changes the color of the nav menu text color. For the entire header (the black bar with title and menu), use .site-header { background: #c7da76; } . Not sure what you want?

    For the second line, can you add it to your css, then show me a link to the page?

    Glad the 3rd works for you!

    #87268

    miki dedijer
    Participant
    Post count: 22

    hmm.

    1. i want to change the nav menu text color from white to #474a51 (i’ve already changed the entire header).
    the only place in the css where i find .genesis-nav-menu a {} is according to above.

    2. i’ve added the second line with no visible effect. i’m not sure if you want a link to a specific page, but the website is vildkultur.se.

    #87299

    asterbird
    Participant
    Post count: 101

    1. Okay, yes, then you’re right on.

    2. Thanks for the link. Looks like you’re using the blue or green theme, the color is coming from style.css line 1507.

    Add the following somewhere after line 1507:

    .eleven40-pro-blue .genesis-nav-menu a {
    border: none;
    color: #c7da76;
    }
    
    .eleven40-pro-blue .site-title a, 
    .eleven40-pro-blue .site-title a:hover {
    color: #474a51;
    text-decoration: none;
    }
    #87422

    miki dedijer
    Participant
    Post count: 22

    yes!

    looking good.

    thank you for your time and for sharing what you know.

    miki

    #87454

    asterbird
    Participant
    Post count: 101

    sure, np :) you can mark this thread resolved then

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

You must be logged in to reply to this topic.