Greyed Out Unchangeable Items on Design Panel - Help!

Hi all,

I’ve just started using Wappler and an issue I keep hitting regularly which is causing me stress is that I’ll add something for example, Nav Bar and then add a Nav Item. Click the Nav Item and the ‘Text Color’ is greyed out. You literally cannot change it. I’ve added a class selector, refreshed the page, refreshed the style.css, it literally won’t change. Sometimes it’s the font, sometimes, size, sometimes it’s the width or height. It changes depending on what I’m doing and nothing I do can override it.

And no, I don’t make any changes to the app structure beforehand - it’s all left default.

Can somebody tell me how I over-ride it when it’s greyed out? It’s taking me forever to do what I need to do because of this all of the time.

Thanks :slight_smile:

This happens when that property is already defined somewhere else with a higher priority, so editing will not work since it would always be overridden by the other definition. You can hover over the label to see where it is being overruled. Probably by a bootstrap class that was added to the element.

Thanks Patrick, you’ve made my life a lot easier knowing that. Turns out it was the Nav Bar theme being ‘Light’.

Just in case anybody else gets stuck on this, hover this part:

Thanks again Patrick! :slight_smile:

1 Like