Would you please double check my CSS

[justjane]

/*
// to change footer color -not footer widget
*/
.x-top .textwidget {
color: #000;
font-size: 14px;
}
.x-top .textwidget {
color: #000;
}
.x-top .h-widget {
color: #000;
font-size: 14px;
}
.x-colophon.bottom {
color: #000;
}

Not sure why the bottom footer text is not showing up. It’s there, but it’s white on white,

[ruenel]

Hello @janequade,

Thanks for writing in!

You have forgotten to provide the URL of your site. In the meantime, please go to X > Theme Options > Footers. Make sure that the Bottom Footer is enabled and that you have selected the number of footer widget areas. Go to Appearance > Widgets > Foote {n} and do not forget to insert text widgets.

Best Regards.

[justjane]

Here is the URL

[prakash_s]

Hello @janequade,

I checked your site and your custom CSS code it seems that your selector is not correct since there is no “.x-top” class that is why your custom CSS code is not working.

You can remove those custom CSS codes and add this code.

footer.x-colophon.top h4.h-widget {
    color: #000000;
}
footer.x-colophon.top .widget.widget_text {
    color: #000000;
}

Please feel free to change the color code as per your design. The output of this code would be like this. Please check the screenshot in the secure note.

The purpose of providing the custom CSS to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.

Hope it helps.
Thanks