Changing the navigation menu color

  • Author
    Posts
  • #3395771

    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 maddietew.com.

    #3396028

    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!

You must be logged in to reply to this topic.