How to change the background colour of the primary nav bar

  • Resolved kath123

    (@kath123)


    10 years ago

    Hello ??

    I am currently using a child theme of the Mystile theme.

    Basically I am trying to change the background colour of the primary navigation bar. It is currently white but I would like it to be black.

    Here is the url to the site: https://independent-apparel.com/

    Any help would be very much appreciated!

    Thanks,

    Kath

Viewing 5 replies - 1 through 5 (of 5 total)
  • sachinyadav82

    (@sachinyadav82)

    Go to your stylesheet grey.css on line 3293, the css for header is like this

    #header #navigation ul.nav > li a {
    background: none repeat scroll 0 0 padding-box #fdfdfd;
    border: 1px solid #fdfdfd;
    border-radius: 0.236em;
    font-weight: bold;
    position: relative;
}

    Change the background color to black like this 

    #header #navigation ul.nav > li a {
    background: none repeat scroll 0 0 padding-box #000000;
    border: 1px solid #fdfdfd;
    border-radius: 0.236em;
    font-weight: bold;
    position: relative;
}

    Your problem will be solved.

    Thread Starter kath123

    (@kath123)

    Hi there,

    Thank you so much for your reply!

    Am I OK to edit the grey.css file? I was told that you shouldn’t edit the original code because if the theme gets updated it will override all your changes. Please correct me if I am wrong through (I’m still learning).

    Thanks,

    Kath

    sachinyadav82

    (@sachinyadav82)

    Yes you are correct, You can copy grey.css and make a new file and make changes to that file. and also later dont forget to update that file in wordpress header

    Thread Starter kath123

    (@kath123)

    Thank you so much for your help, it worked perfectly!

    Hello sachinyadav82
    Do we have to do this on a child theme?
    Thanks

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to change the background colour of the primary nav bar’ is closed to new replies.