Logo Questions Linux Laravel Mysql Ubuntu Git Menu

Where to find or override _navbar.scss?

I'm using this template here https://startbootstrap.com/template-overviews/resume/. I'd like to change the hover/active effect of the navigation links, but I cannot figure how to override it or where it's being rendered or controlled from. Google inspect leads me to _navbar.scss It shows the hover/focus being controlled by

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover

I've tried changing and overriding the CSS in a number of places and I've tried making my own _navbar.css and my own classes but it doesn't work. I'd really appreciate if anyone could point me to the correct location and also how you found it. Thank you!

like image 956
Kirra Avatar asked Nov 27 '22 01:11


1 Answers

You can override _navbar.scss by just referencing a class name in your css file. For example:

.navbar-brand {
  padding-top: 10px;

Will override the bootstrap generated class to have 10 pixels of padding at the top.

like image 188
webdev5 Avatar answered Nov 29 '22 05:11