Difficulty putting a color in the font in CSS

Question

Difficulty putting a color in the font in CSS

Navigation

#1 by (1 votes)
#2 by (-2 votes)

2

Note the following code:

<div class="faxa_menu">
    <div class="row">
        <div class="col-md-4">logo tipo</div>
        <div class="col-md-8">
            <div class="navbar">
                <ul>
                    <li><a href="#">Home</a></li>
                    <li><a href="#">Home</a></li>
                    <li><a href="#">Home</a></li>
                    <li><a href="#">Home</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>

css

.faxa_menu {
    color:#fff;
    position:relative;
    top:30px;
    background: black;
    filter: alpha(opacity = 27);
    -moz-opacity: .27;
    opacity: .27;
}
.navbar {
    color: #fff;
}
.navbar ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.navbar ul li {
    float: left;
}
.navbar ul li a {
    display: block;
    width: 100px;
    text-align: center;
    text-decoration: none;
}

I can not change the color of the links in the menu to white, I accept suggestions. I'm using Bootstrap .

css bootstrap-3

asked by anonymous 29.11.2015 / 15:07

2 answers

-2

Try this, I ran a test and it worked perfectly.

.navbar ul li a {
    color: #fff;
}

13.03.2018 / 10:47

Dynamic HTML via DB is bad practice in PHP? How to store data from a .txt file in an object - Java

score 1 · Accepted Answer

It looks like this:

.navbar ul li a {
    display: block;
    width: 100px;
    text-align: center;
    text-decoration: none;
    color:#fff;
}

I did a fiddle for you to see. In the fiddle the Home some because it is with the white background, just mark the text that you will see that it got the white color, I believe in your site with full html, it stays on top of the gray bar.