Change font color on second navigation bar eleven40

Community Forums Forums Design Tips and Tricks Change font color on second navigation bar eleven40

This topic is: resolved

This topic contains 7 replies, has 2 voices, and was last updated by  anitac 11 months, 1 week ago.

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

    timjim
    Participant
    Post count: 3

    I’m working on eleven40 and I’m trying to change the font color on my second navigation bar ONLY.

    I think it is determined by this CSS code:

    Color Styles
    —————————————————————————————————- */

    .eleven40-pro-blue .archive-pagination a,
    .eleven40-pro-blue .footer-widgets .entry-title a,
    .eleven40-pro-blue .genesis-nav-menu a,
    .eleven40-pro-blue .site-title a,
    .eleven40-pro-blue .site-title a:hover,
    .eleven40-pro-green .archive-pagination a,
    .eleven40-pro-green .footer-widgets .entry-title a,
    .eleven40-pro-green .genesis-nav-menu a,
    .eleven40-pro-green .site-title a,
    .eleven40-pro-green .site-title a:hover,
    .eleven40-pro-red .archive-pagination a,
    .eleven40-pro-red .footer-widgets .entry-title a,
    .eleven40-pro-red .genesis-nav-menu a,
    .eleven40-pro-red .site-title a,
    .eleven40-pro-red .site-title a:hover {
    color: #fff;

    Below is the Navigation bar CSS:

    /* Secondary Navigation
    ——————————————— */

    .nav-secondary,
    .nav-secondary .sub-menu a {

    }

    .nav-secondary {
    border-top: 1px solid #fff;
    }

    .nav-secondary .wrap {
    border: none;
    }

    .nav-secondary a:hover,
    .nav-secondary .current-menu-item > a,
    .nav-secondary .sub-menu a:hover,
    .nav-secondary .sub-menu .current-menu-item > a:hover {
    color: #ed702b;
    }

    .nav-secondary .sub-menu .current-menu-item > a {
    color: #fff;
    }

    Thank you for any help offered

    Tim

    http://poland-today.pl/test/
    #58694

    anitac
    Participant
    Post count: 7027

    Are you trying to change both colors or… the white color or the orange hover color?


    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me! | Plus Me!
    When asking for help, please provide a link or screen shot showing your problem!

    #58709

    timjim
    Participant
    Post count: 3

    Just the white thank you.

    #58712

    anitac
    Participant
    Post count: 7027

    I broke the larger code down, add this to your style sheet and change the color code:

    .nav-secondary .genesis-nav-menu a {
    color: #cc9900;
    }


    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me! | Plus Me!
    When asking for help, please provide a link or screen shot showing your problem!

    #58718

    timjim
    Participant
    Post count: 3

    I put under /* Secondary Navigation */
    .nav-secondary .genesis-nav-menu a {
    color: #cc9900;
    }

    But this is still being over ruled by /* Color Styles*/ colour: #000

    If I change /* color styles */ colour changes in both primary and secondary navigation. I want only secondary to change

    Please point out where I’ve gone wrong

    Thank you for your patience

    #58719

    anitac
    Participant
    Post count: 7027

    Add !important to the end of it then.

    .nav-secondary .genesis-nav-menu a {
    color: #cc9900 !important;
    }


    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me! | Plus Me!
    When asking for help, please provide a link or screen shot showing your problem!

    #58721

    timjim
    Participant
    Post count: 3

    Bingo!

    Best wishes

    #58722

    anitac
    Participant
    Post count: 7027

    You’re welcome! :)


    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me! | Plus Me!
    When asking for help, please provide a link or screen shot showing your problem!

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

The topic ‘Change font color on second navigation bar eleven40’ is closed to new replies.