Change nav-pills color

Hi all,
I am trying to change color the .nav-pills but it does not react anything. Please help.
Here is my codepen for the project.
Thanks,
AnT

Hi @camperextraordinaire,
I’m trying to change the color of the .nav-pills for the active link to black background and white text instead of blue background and black text.

I have changed .navbar definition in my codepen as you suggested:

.navbar {
  background-color: rgba(248, 248, 255, 0.5);
}

I’m trying to change color for .nav-pills as below:

.nav-pills > li > a, .nav-pills > li > > a:hover, .nav-pills > li > a:focus {
    background-color: black;
  color: white;
}

but still don’t know why it does not work.
Please help.
AnT

I just randomly fixed the issue after messing with it a few more times :slight_smile: But there is another minor issue I am trying to make it right. I want to make the <h5> of the modal to be centered, and I have tried many options I can think of: .text-center, .justify-content-center, .mx-auto .d-block, and use text-align: center in the style.css, but the title of the modal still does not align centerly as I want. Please help.
Thanks,
AnT