To change footer background color you need to add below css code in admin panel Custom CSS.

css code for change footer background color

.footer-area .footer-top {
background-color: #202353 !important;
}

NT: change color code with your selected color.

css code for change footer text color

.footer-widget.widget_tag_cloud .tagcloud a, .widget.footer-widget p, .widget.footer-widget.widget_calendar caption, .widget.footer-widget.widget_calendar td, .widget.footer-widget.widget_calendar th {
color: #fff !important;
}
.widget.footer-widget ul li, .widget.footer-widget ul li a {
color: #fff !important;
}

css code for change footer copyright area Background color

.footer-area .copyright-area {
background-color: #2d316a !important;
}

css code for change footer copyright area Text color

.footer-area .copyright-area {
color: #2d316a !important;
}

get your color code flatuicolors.com

you need to add those css code in admin panel “General settings > custom css”, follow Custom Css article for more info about add new css code in the script.