Changing color of phone number widget (Wordpress)

Question

Good afternoon all!

In my footer I have listed a phone number (0186 555 0550) this is currently showing as Orange, how can I change it to White?

Please see:

http://79.170.44.145/sweetfe2.co.uk/

The phone number is in an infobox dragged into my footer via a widget. I'm using Wordpress theme - DesignFolio

Answer 1

This is all that is required and it wont ruin any other css: In your stylesheet:

.phone a {
    color: white;
}

Answer 2

You have a CSS rule making all links orange:

a:link, a:visited, a:hover {
    color: #BD6208;
    text-decoration: none;
}

So you need to override this rule in your footer

.footer-widget-container a:link {
    color:#fff;
}

Or you can be more specific

.footer-widget-container .phone a:link {
    color:#fff;
}

Answer 3

try this in your style sheet.

.phone > a {
    color: #FFFFFF;
}

Answer 4

.phone a {
color: #ffffff !important;
}