Changing background color of secondary navigation

[EightWheels]

Another question that should be simple but despite searching and trial and error I couldn't find an answer…

I'm trying to change the background color of the secondary navigation bar from white to #f5f5f5 in Magazine Pro. Where/How do I do that?

Bob

https://eightwheelsacrossamerica.com/eaa/

[sangfroidweb]

Hi there!
You can edit line 1421 of the stylesheet to add the background color you want (background-color: #f5f5f5;) to the secondary nav 'wrap'--- so that line 1421 will read:

.nav-secondary .wrap {
background-color: #f5f5f5;
border-bottom: 1px solid #222;
}

Or, if you are not working directly in the stylesheet, but are using the Additional CSS box, then you can add this to the Additional CSS box:

.nav-secondary .wrap {
background-color: #f5f5f5;
}

Hope that helps!
Liz

---

Liz or Eddy @SangFroid Web — Customizing StudioPress themes at http://www.wpstudioworks.com and building custom Genesis Child themes for businesses at http://www.sangfroidwebdesign.com 🙂

[EightWheels]

Thank you so much, Liz!! That's exactly what I wanted, and it works perfectly -- I added it to the Additional CSS box. Despite looking for hours, I couldn't find that "nav-secondary .wrap" command, and that's what I was missing!

Bob

[Anita]

I was going to recommend you add it to the Additional CSS box @eightwheels. This way if you need to restore the original stylesheet, your customizations are not in there.

---

Love coffee, chocolate and my Bella!

[EightWheels]

Thanks, Anita, that's exactly what I did. You taught me that trick on a previous question you answered for me. 🙂

Bob

[Author]

Posts