• Resolved sumit_tumba

    (@sumit_tumba)


    How to change the navbar background color. I have tried the code snippet, but its not working, but others such as menu color, font, drop-down change are working fine. Don’t know what I am doing wrong.

Viewing 9 replies - 1 through 9 (of 9 total)
  • Link to site, and can you explain what is ‘not working’ (unless it’s obvious)

    Thread Starter sumit_tumba

    (@sumit_tumba)

    Hi,

    Thanks for your quick reply, here is the link below –

    http://www.behealthyinvestor.com/how-to/

    Change the colors to what you need but try:

    `/* Adjust Navbar Box settings */
    .navbar .navbar-inner {
    background-image: linear-gradient(to bottom, red, green);
    }

    Make the red/green the same color if you don’t need any gradient.

    Change the colors to what you need but try:

    /* Adjust Navbar Box settings */
    .navbar .navbar-inner {
    background-image: linear-gradient(to bottom, red, green);
    }

    Make the red/green the same color if you don’t need any gradient.

    Thread Starter sumit_tumba

    (@sumit_tumba)

    Just pasted the code in Custom Css filed , but didn’t work. It’s just showing white background.

    It looks like you replaced the CustomCSS code rather than add to what you already had? What I can see is a white site with a red/green Navbar Box.

    The best approach is to use the CustomCSS Panel to test your CSS and then move it into a Child Theme.

    This Snippet should help you adjust your background items.

    Remember that CSS works sequentially so the order of your code will matter if you repeat any items.

    Thread Starter sumit_tumba

    (@sumit_tumba)

    Hey,

    Thanks a lot, I was trying different things and it worked out this the below code –
    /* Adjust Navbar Box settings */
    .navbar .navbar-inner {
    background-image:url(‘http://www.xxxxx.com/xxx/xx/xx/xx/file name.jpg’);
    background-repeat: repeat;
    background-color: #color code;
    }

    But, is there any way to put a image (or texture pattern) in the navbar background?

    Yet another Snippet!

    Thread Starter sumit_tumba

    (@sumit_tumba)

    Thanks a lot rdellconsulting , You are really a great help.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘navbar background color’ is closed to new replies.