Cant change the text color in a inline list in bootstrap4!

HTML-CSS
#1

Hello,

I’m trying to change the inline list text color. But can’t change it to white.
The current color is blue. I can’t change it even via CSS!

      <footer class="col-12 bg-info justify-content-center" style="width:100%;height:100px;">

            <ul class="list-inline text-center text-white" style="margin-top: 3%;" >
                <li class="list-inline-item "><a href="#">Lorem ipsum</a></li>
                <li class="list-inline-item"><a href="#">Lorem ipsum</a></li>
                <li class="list-inline-item"><a href="#">Lorem ipsum</a></li>
                
            </ul>

        </footer>

thanks,
Saeed

#2

I assume you are talking about the link color? The link element will not inherit the color from the parent element unless you tell it to. You can let it explicitly inherit the color or you can set the color class on the link(s).

ul a {
  color: inherit;
}
#3