How to change Footer Background color and text color ?

⌘K
  1. Home
  2. Docs
  3. Nexelit – Multipurp...
  4. General Questions
  5. How to change Footer Background color and text color ?

How to change Footer Background color and text color ?

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.

Was this article helpful to you? No Yes

How can we help?