How to Change Font Colors in Footer Widgets and Footer?

I need to be able to change the font colors (normal, hover, clicked) for the 4 footer widgets and also the footer. What is the CSS I need to enter to do this?

Thank you

 

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.footer .footer_widget h4 {
color: red;
}
.footer .footer_widget h4:hover {
color: blue;
}
.footer p {
color: red;
}
.footer p:hover {
color: blue;
}
.footer ul li a {
color: red;
}
.footer ul li a:hover {
color: blue;
}

This will solve your issue.

 

That helped, but did not work completely.

If you go to www.gateway2give.com and look at the 4 footer widget areas as well as the footer, the CSS code does not fully work.

Based on your CSS code, the first and fourth widget area text is still black and the links are blue.

I need all of the text in the 4 footer widget areas and the footer to be white at all times.

I have included the CSS code that I used to try and make all of my text white in the 4 widget areas and footer.

.footer .footer_widget h4 {
color: white;
}
.footer .footer_widget h4:hover {
color: white;
}
.footer p {
color: white;
}

.footer p:hover {
color: white;
}

.footer ul li a {
color: white;
}

.footer ul li a:hover {
color: white;
}

 

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.footer div.textwidget {
color: white;
}
.footer p a {
color: white;
}