Menu Color

  • Hi, so I am making a website, and I am trying to change the menu color to my own personal color. I went into the CSS, menu, part of the style.css and changed the background to the color I wanted, but it did not work. I do not know what else to do.

    My website is iamwelladjusted.com. If anyone can help, it would be greatly appreciated.

    Also here is the list of the part I think I have to change to change the color of the menu.

    .main-navigation .navbar-inner {
    padding: 0;
    min-height: 20px;
    border: 1px solid;
    border-color: #888888 #666666 #666666 #666666;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #404C66;
    background: -moz-linear-gradient(top, #b6b6b6 0%, #a4a4a4 1%, #919191 51%, #858585 52%, #717171 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b6b6b6), color-stop(2%, #a4a4a4), color-stop(51%, #919191), color-stop(52%, #858585), color-stop(100%, #717171));
    background: -webkit-linear-gradient(top, #b6b6b6 0%, #a4a4a4 2%, #919191 51%, #858585 52%, #717171 100%);
    background: -o-linear-gradient(top, #b6b6b6 0%, #a4a4a4 1%, #919191 51%, #858585 52%, #717171 100%);
    background: -ms-linear-gradient(top, #b6b6b6 0%, #a4a4a4 1%, #919191 51%, #858585 52%, #717171 100%);
    background: linear-gradient(to bottom, #b6b6b6 0%, #a4a4a4 1%, #919191 51%, #858585 52%, #717171 100%);
    box-shadow: none;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#a4a4a4′, endColorstr=’#717171′, GradientType=0);
    }

    Thanks in advance!

Viewing 2 replies - 1 through 2 (of 2 total)

  • So you are trying to change the green color to a gray? How are you modifying the CSS, are you editing the theme’s style.css file directly? It looks like the theme has a “green” skin that’s being applied. Not knowing anything about the theme, does it come with different “skins” that you can pick? The problem is that the skins override the default styles in style.css, so changing them there is not going to work, especially if you are using the same selectors.

    What you should do is either create a child theme, and your child theme’s style.css file will override the skin’s CSS (since it will be called later), or use a CSS plugin and enter your overriding CSS that way. The danger in editing the theme’s files directly (besides not having your CSS work) is that if the theme gets updated (either because of a feature enhancement or a security patch), your changes will get lost. Using a child theme or a plugin prevents that.

    Thread Starter j

    (@justyngh)

    Okay and yes I do have the skin color set to green and I was trying to change the color to a grayish-blue. I do not know how to make a child theme or I would have done that already, thank you for your help, I am going to go learn.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Menu Color’ is closed to new replies.