Change colour of Headed bar / menu background

Hello all,

I wonder if someone can help me.

I am having difficulties with changing the background colour of the template for my website

When it starts to scroll down the bar is navy colour and i would like to it to be black.

Anyway i can change it?

Thank you in advance.

Screenshot 2019-05-23 at 10.43.34.png
2880 x 1800 - 651K
Screenshot 2019-05-23 at 10.43.42.png
2880 x 1800 - 650K


  • Hi, @forzadojo

    Thanks for contacting us!

    To do this, Go to Appearance >> Customize >> Additional CSS
    And add the below custom CSS code:

    .navbar-custom {
        background-color: black;

    I hope this will work for you.

    Let me know for any confusion!

  • Hi, still no luck




    .navbar-custom .container-fluid {  padding: 0 100px; }
    .navbar-custom {
    background-color: black(0, 20, 42, 0.9);
    border: 0;
    border-radius: 0;
    z-index: 1000;
    font-family: "Work Sans", sans-serif;
    font-size: 1.000rem;
    transition: background, padding 0.4s ease-in-out 0s;
    margin-bottom: 0;
  • Tried adding it as you mentioned as well. No luck :-/
  • Hi,

    It is working fine at our end. See the screenshot.

  • Hi,

    As you can see, still not working my end.

    Screenshot 2019-05-24 at 11.33.07.png
    2880 x 1800 - 619K
  • Hi,

    Use this custom CSS code:

    .navbar-custom {
        background-color: black !important;

    I hope now it will work.

  • Superb!!!! It has worked. Thank you very much :-) :-) :-)
  • Hi,

    Glad to know it works for you!

    If you like our Theme & Support, rate us HERE.

    Thanks :)
This discussion has been closed.