Where to find or override _navbar.scss?

Question

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!

Answer 1

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.