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

[nathalylarter]

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

Please help 🙂

Nathaly

http://dorisbelland.wpengine.com/

[Sridhar Katakam]

Are you talking about nav menu items?

---

Genesis Tutorials | Follow me on Twitter

[nathalylarter]

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

[Sridhar Katakam]

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

---

Genesis Tutorials | Follow me on Twitter

[nathalylarter]

Amazing!!!! Thank you.

[Author]

Posts