Change Background and Rollover colour of main nav – Magazine Pro Theme

Community Forums Forums Design Tips and Tricks Change Background and Rollover colour of main nav – Magazine Pro Theme

This topic is: resolved

Tagged: , ,

This topic contains 4 replies, has 2 voices, and was last updated by  nathalylarter 9 months, 2 weeks ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #84981

    nathalylarter
    Member
    Post count: 4

    I would like to change the colour of the nav for both the background as well as the rollover.

    Please help :)

    Nathaly

    • This topic was modified 9 months, 2 weeks ago by  nathalylarter.
    • This topic was modified 9 months, 2 weeks ago by  nathalylarter.
    http://dorisbelland.wpengine.com/
    #84984

    Sridhar Katakam
    Participant
    Post count: 1050
    #84985

    nathalylarter
    Member
    Post count: 4

    Yes, the white nav bar at the top. I wanted to make it a colour and add a rollover colour as well :)

    #84993

    Sridhar Katakam
    Participant
    Post count: 1050

    Add this CSS:

    .site-header .wrap {
        border-bottom: 1px solid #222;
    }
    
    .nav-secondary .wrap {
        background: #693065;
    }
    
    .nav-secondary .genesis-nav-menu a {
        color: #fff;
    }
    
    .nav-secondary .genesis-nav-menu a:hover,
    .nav-secondary .genesis-nav-menu .current-menu-item > a {
        color: #fff;
        background: #3ac1e1;
    }
    
    .nav-secondary .genesis-nav-menu .sub-menu a {
        background: #3ac1e1;
    }
    
    .nav-secondary .genesis-nav-menu li:hover a {
        background: #3ac1e1;
    }
    
    .nav-secondary .genesis-nav-menu > li {
        float: left;
    }
    
    .nav-secondary .genesis-nav-menu > li a {
        border-right: 1px solid #333;
    }
    
    .genesis-nav-menu .sub-menu {
        margin-left: -1px;
    }
    
    .genesis-nav-menu .sub-menu a:hover {
        color: #333;
    }

    #85020

    nathalylarter
    Member
    Post count: 4

    Amazing!!!! Thank you.

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

You must be logged in to reply to this topic.