Customize -> Global CSS have no effect

I tried to change the footer widget background color with the following css

footer.x-colophon.top {
background-color: #2C3E50;
color: #2C3E50;
}
but it have no effect. The CSS should be correct. Can you please advise where might be wrong?
Thank you!

Site attached in secure note

Hi there,

Thanks for writing in!

Try using the following:

.x-colophon.top {
    background-color: #2C3E50 !important;
    color: #2C3E50 !important;
}

Thanks!

It seems to be not working :frowning:
Thank you for your fast reply!

Hi there @ennis214,

I’ve just logged in and fixed it. You had some syntax errors in your custom CSS, a missing semicolon and a bracket on other parts of your CSS.

Now those are added the code is working correctly.

Thanks!

OMG Thank you so much! You rock!
Really appreciate your help!!
Wish you have a wonderful day!

You’re most welcome :slight_smile:

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.