Override Bootstrap class property

I Need Help
1

Hello,
I don’t understand the strategy to override one bootstrap class property in Blocs.
For instance, if I wish to override background-color for bootstrap.css
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: #495057; background-color: #fff; border-color:#dee2e6 #dee2e6 #fff }
how do I do it?
Thanks!

2

So I take it here you are just wanting to style the active state of a menu item??

Blocs has this built in “Styling Navigation Active Page – Blocs – User Documents”

I personally, set the .active class in the project settings, and then add this to the class manager. (mainly because some situations its hit and miss, but this enables it to always work)

.nav-link.active

In relation to the classes you listed above, the style is being applied to two (sets of) classes here, the comma allows you to add multiple classes to the same style.

3

Thanks for your response!
That’s not exactly what I try to do. I wish to style the background-color of the active tab in a tab content area. The #fff color is defined in bootstrap.css. I try to override it the same way a custom.css loaded file will (overriding the same selector).