Can't change background color of Bootstrap navbar

[eddie5]

I added a navbar element inside a Bootstrap container / row / column and then went to change that navbar’s background color under the App Structure panel.

I didn’t want to use any of the predefined Bootstrap colors so I switched to the Design panel.

The problem is that Wappler doesn’t seem to be letting me change the background color of the nav element from inside the Design panel. A rollover message comes up that says that the control is overridden by a Bootstrap file.

What am I missing? How can I change a navbar’s background color to a color of my choice without having to manually edit the markup/code in the Bootstrap file?

Thanks!

[Teodor]

The notification message pretty much explains what’s wrong - the background color has been overwritten in the mentioned bootstrap CSS file.

[eddie5]

Hi, @Teodor

Is it typical in Wappler for the background color of a Bootstrap navbar to be overwritten by the mentioned bootstrap CSS file?

And if so, does that mean that Wappler doesn’t allow for the visual editing of the background color of a Bootstrap navbar via the Design panel?

[George]

Well if you want custom color , just don’t select the light color in the bootstrap options first. Leave there as default and set your color in the design panel options.

[eddie5]

Thanks, @George! That did the trick.