I am struggling to adjust the text color within my bootstrap links. I attempted the method mentioned in this post, but unfortunately it did not work for me. Can someone please guide me on how to successfully change the text color? Thank you. You can view the complete codepen here.
Syntax:
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<img src="images/DISA.png" height="40">
<ul class="navbar-nav">
<li class="nav-item"><a class="nav-link">EU34</a></li>
<li class="nav-item"><a class="nav-link">Support Tracker</a></li>
<li class="nav-item"><a class="nav-link">Rolling Log</a></li>
</ul>
<img src="images/DISALogoEUROPE.png" style="margin-left: auto; padding-right: 20px;" height="50">
</nav>
CSS Styling:
.navbar.navbar-nav.nav-item li a {
font-size: 1.5em;
font-weight: bold;
color: red;
}