navbar background color

Link to site, and can you explain what is ‘not working’ (unless it’s obvious)

Hi,

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

https://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.

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.

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(‘https://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!

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