Footer background problem

Hi,

I changed the footer background using the CSS I found in other topic:

footer.x-colophon {
background-color: #333333;
}

But when background color is changed, the text (added with widgets) gets some weird “shadow”.

  1. Can you please help me exclude that shadow?

  2. Can you tell me how to change only the footer widgets text and titles colors?

Website: https://davidtoledano.org/

Thanks!

Hi there,

Please try this code in the Global CSS:

.x-colophon .widget {
    text-shadow: none;
}

.x-colophon .h-widget {
     color: #fff;
}

.x-colophon .textwidget p {
    color: #efefef;
}

You can find more info on how to check for CSS selectors here.
Then information about writing your custom CSS here.

Hope this helps.

Thanks for your quick answer!

It worked!