Where to change color of text and background for Footer in ethos

This is what my footer looks like. Its all white.

Only on hover it shows in purple. I don’t find an option to change the text and background color of the footer.

However the Bottom footer has inherited color of the nav bar.

Am using Ethos!

Thanks in Advance!

Hi there,

You can change the text color settings in X > Theme Options > Typography > Body Font Color, Headings Font Color, Site Links.

Hope this helps.

Thanks for replying Jade.

Heading and Body color is Black. Hover links are a different color.

Seems like the Footer Widget background color, is inherited from the Navi bar background, but the text color is not inherited from the Navibar text color. Is there a way to define the color of the text in the footer widget area

Could you please tell me how can i change the text color in the footer widget section .

Hi There,

You can try adding the following CSS rules to target those areas.

.x-colophon.top .textwidget {
    color: red;
}

.x-colophon.top .textwidget a {
    color: blue;
}

.x-colophon.top .h-widget {
    color: green;
}

Hope that helps.

Thanks for responding, Darshana.

I applied that code, as suggested.

The text now appears. However links appear only on hover.

HI there,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thank you.

Please find details in Secure note

Hey @Keez_80,

I added this code

.widget_tag_cloud .tagcloud a, .widget_product_tag_cloud .tagcloud a {
    color: red;
}

Hope that helps.

1 Like

oh nice!, Thank you :smiley: :smiley: Christian.

You’re welcome.

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