Footer color

Hi antoniocarloslima
Hope you’re doing well today ??
Can you give us link to your website??
Thanks
Cheers
TR

I installed you theme on my test site and here is some suggestion:

put this code to your Child Theme style.css file
OR
Install Simple Custom CSS plugin and put the code there.

footer#colophon {
    background-color: red;
}

or

footer#colophon {
    background-color: red!important;
}

OR

.site-footer {
    background-color: red;
}

or

.site-footer {
    background-color: red!important;
}

Change red to any color you like

Hope I was helpfull
Let me know
Cheers
TR

Unfortunately, not solved.

Follow the website link: https://osmormons.com/

I want the area below the line is white.

For quick solution you can write in your css file as, better to use child-theme css file

.site-footer {
    background-color: #FFFFFF !important;
}

This is the current code. It happens that the site ignores the code. He obeys only the “Customize” menu. But still, with this problem in the footer of the color is taken by the widgets, even though the two options.

/* Footer */
.site-footer {
background-color: #333;
padding: 30px 0;
}
.site-footer,
.site-footer a {
color: #dadada;
}
/* Footer widget areas */
.footer-widget-area .widget {
background-color: transparent;
border: 1px solid #3c3c3c;
}
.footer-widget-area {
background-color: #333;
padding: 30px 0;
border-bottom: 1px solid #3c3c3c;
}
.footer-widget-area .widget,
.footer-widget-area .widget a,
.footer-widget-area .widget-title {
color: #dadada;
}

Does anyone know what might be happening? I need help with this!

Hi antoniocarloslima,
How are you?
So While I can see your site:
put this code to your Child Theme style.css file
OR
Install Simple Custom CSS plugin and put the code there.

It is great that you shared your URL here.
Now we have a better chance to solve your pain.

It is working here.
I’m doing this on my testing server.
It can get to some different behavior there on you site.
It can happen that it is not working.
Then we have to look further.

.site-footer, .footer-widget-area {
    background-color: #2C3235;
}

or

.site-footer, .footer-widget-area {
    background-color: #2C3235!important;
}

Replace

#2C3235

with any color you like.

You like white?

.site-footer, .footer-widget-area {
    background-color: white;
}
or
.site-footer, .footer-widget-area {
    background-color: white!important;
}

OR

.site-footer, .footer-widget-area {
    background-color: #ffffff;
}

.site-footer, .footer-widget-area {
    background-color: #ffffff!important;
}

Let me know how it worked out.
Need so more help? ASK ??
Cheers
TR

I enter the code below in the plugin “Simple Custom CSS” and marked the color #000000 in the menu “Customize” in “Footer” option.

It worked!

Thank you!

.site-footer {
    background-color: #ffffff;
}

.site-footer {
    background-color: #ffffff!important;
}

You did great job. ??
I’m glad that it was working right away.
Have a nice day
Cheers
TR