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  Anita 1 year 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

    Anita
    Participant
    Post count: 7565

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


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

    #58709

    timjim
    Participant
    Post count: 3

    Just the white thank you.

    #58712

    Anita
    Participant
    Post count: 7565

    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;
    }


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

    #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

    Anita
    Participant
    Post count: 7565

    Add !important to the end of it then.

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


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

    #58721

    timjim
    Participant
    Post count: 3

    Bingo!

    Best wishes

    #58722

    Anita
    Participant
    Post count: 7565

    You’re welcome! :)


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

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

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