Custom color footer and site info

Is there a custom way to individually change the color of the .footer-widget-area and .site-info?
I would like to use 2 different colors.

Sure. Add this to your custom CSS:


.footer-widget-area .widget,
.footer-widget-area .widget a.
.footer-widget-area .widget-title,
.social-widget li a::before {
     color: #333;
}
.site-info a,
.site-info {
    color: #444;
}

thx. got it

it works for the text but it looks like the backroud is dynamically overwritten by styles.php lines 59-63

Sorry, you said only color. If you would like to also control the background colors individually you can do it like this:


.footer-widget-area {
     background-color: #333 !important;
}
.site-info {
     background-color: #333 !important;
}

Thx. Resolved.
Sorry for the confusion