As a beginner, I apologize in advance for any silly questions ˆˆ
I am currently working on a website using bootstrap. Everything is functioning correctly, but I am struggling to override some CSS styles. In the image provided, you can see how I used the developer tool to inspect my site. While I can see a lot of CSS, I find it challenging to implement it in my own CSS stylesheet.
Specifically, I am trying to change the font color of the "Food" menu item and other buttons, as well as the background color of only the buttons.
My attempted code .active {color: red;}
does not seem to be working. Do I need to include all the classes before .active
? When should I use a period in the class names?
For example, should I write
.navbar-collapse collapse .nav navbar-nav .active
to override the Bootstrap styles?
Any help on this matter would be greatly appreciated. Thank you in advance and stay safe, everyone - we're all in this together.