Changing the navigation menu color

  • maddietew3 · Member ·

    I’m having a hard time changing the navigation menu color on this theme. I’ve successfully changed the background color for all of my menu items, but now the sides of the nav. menu are still blue. Any help advice?

    Also, what is the CSS code to change the hover color?

    The blog I need help with is: (visible only to logged in users)

  • staff-mckluskey · Staff ·

    Hi there!

    I noticed you have already added some code and but you don’t really need it and it’s what making it impossible to change the background color for the menu. So, you can remove this piece:

    #site-navigation, fse-template-part.main-navigation {
	order: 2;
	text-align: center;
	width: 100%;
}

    And paste this instead:

    #site-navigation, .fse-template-part .main-navigation {
    background-color: #65316B;
}

    You can also shorten the rest of the codes you’ve added to this:

    .social-nav,
.about-nav,
.marketing-nav, 
.stories-nav,
.photos-nav {
    background: #65316B;
}

    what is the CSS code to change the hover color?

    This will depend on the element you want to target. You can reach us via Live Chat from https://wordpress.com/help/contact and let us know what exactly would you like to change and we’ll help you out.

    Thanks!

  • The topic ‘Changing the navigation menu color’ is closed to new replies.