Navbar-light to Navbar-dark

How do I change Navbar-light to Navbar-dark ?
The only way I get around this is to add a additional atriibute to the class at the end.

Surely I should be able to change navbat-light to navbar-dark by some options method?


Check in the options panel to the top right. You have the right line selected, just not looking in the right place. If you are starting with navbar-dark you will want to change the Background property to light there. Then in the Text Color you will want to change that to default. Do the opposite when going from light to dark and change background to dark and text color to White.

Hope that’s what you’re looking for.

1 Like

What I want to do is where at the moment the class reads “navbar navbar-light” to change it to read “navbar navbar-dark

Yes, I just told you how to do that. Change the background color first, then change the text color as I said in my last post. You won’t see that change until you change the text color to white.

I am new to Bootstrap Studio and my apologis, I understand now, you need to change the attributes in the options menu and that will replay to the corresponding bootstrap 5 class.

Thank you for your help, it has resolved my question/issue.

No worries and welcome to BBS. Glad that worked out for ya, :slight_smile:

I can appreciate that there is a learning curve to BSS, but you have to make some effort to learn how to use this (or any) new software before you have the experience to differentiate between something being a “bug,” and simply being something you don’t know how to do.

Being that you’re a new user, I would highly recommend you take the time read the Tutorial documentation (ideally, more than once), and also watch the Tutorial videos and try to build the websites alongside them as you watch. This will go a long way towards helping you understand how the program works.

You can also search the forums for things you are having issues with, and if you still can’t find a solution, just post your question in the Bootstrap Studio Help category, or the Webdesign Help category. You will find that there are many people here who will try to help you find your footing. But realize that unfamiliarity with how to do certain things in any program does necessarily constitute “bugs” in the program.