How can I change the color of widget titles and icons?

My background on my homepage is black, so the default font color for the “contact” and “social profile” widgets barely shows up.

In addition, the email & telephone icons in the contact widget are black, so they don’t show up at all.

Also, is there a way to change the background color of the facebook & linkedin icons? They also blend into my background.

http://claxtonconsulting.ca

I’ve figured out how to change the title & icons, but now I can’t change the actual font color.

I put this in Simple Custom CSS

.contact-phone a {
color: white !important;
}

.contact-email a {
color: white !important;
}

.contact-email a:hover {
color: #3A5D87 !important;
}

but my phone number still isn’t white. How do I fix that?

Hello there,

I noticed that your phone number is white already. Have you been able to resolve it? Or have I missed a thing?

Regards,
Kharis

I changed the colors around. Now I want it to be the same color as the email font, how do I do that?

Hello there,

Could you please try to apply the following CSS code through the Simple Custom CSS plugin or child theme’s style.css?

.contact-phone span{
  color: #fff !important;
}

.contact-phone{
  color: #c7a1e2 !important; 
}  

Let me know how it goes.

Regards,
Kharis

This worked, thank you very much for your help!

Can you please advise on my other question?