text color not changing with css

Question

I am working on a wordpress / buddypress site. In the groups page, I have changed the page title background color. However, over the page title background is the element that shows how many groups there are and it is in the same color. I am trying to change the text color to white but it is not changing. the code for this is:

<div id="item-statistics" class="follows">
            <h1 class="main-title">Groups &amp; Clubs</h1>

            <span class="create-a-group"><a href="https://www.villagemixer.com/groups/create/" class="group-create no-ajax">Create a Group</a></span>

            <div class="numbers">
                <span>
                    <p>25</p>
                    <p>Groups</p>
                </span>
            </div>
        </div>

I was able to change the page title with

.main-title {
color: white;
}

however, the class showing the numbers (25) and groups (Groups) will not change when using its class selector like this

.numbers {
color: white;
}

Using the same class selector, I am able to change the background color though. Any thoughts?

be more specific and target `p` also ... and if it's not enough use `!important` — Temani Afif, Jan 14 '18 at 18:54

score 0 · Answer 1 · edited Jan 14 '18 at 19:55

0

You need to change the P color:

.numbers span p {
    color: white !important;
}

edited Jan 14 '18 at 19:55

Luis Izquierdo

41
9

answered Jan 14 '18 at 18:52

Caio Salvador

62
1
4

I just updated it with your suggestion. It is still not changing. – Luis Izquierdo Jan 14 '18 at 18:57
OK. So I just used your suggestion but added !important and it works! Thanks! – Luis Izquierdo Jan 14 '18 at 19:00

score 0 · Accepted Answer · answered Jan 14 '18 at 19:01

0

May be there's some other CSS conflicting the same

Try adding !important

.numbers{
   color:white !important;
}

hope that helps

answered Jan 14 '18 at 19:01

Mithu Mondal

265
2
11

text color not changing with css

2 Answers2