Docs

[Peter C]

Hi,

How would you change the font and link color to white in the footer widget area?

Home

Thanks!

[Rahul]

Hi There,

Thanks for writing in!

you can customize the footer widget using this CSS code below, simply change the color values add it in Customizer > Custom > CSS.

Changing the footer widgets background color

footer.x-colophon.top {
	background-color: black;
}

Changing the footer widgets text color

.x-colophon.top .h-widget, .x-colophon.top a, .x-colophon.top .widget {
color: red;
}

To change the link color, add the following custom css :

.x-colophon.bottom .x-nav li a {
color: #fff;
}

Cheers,
I hope this helps.

Have a great day

[Peter C]

Thanks…

How do I change the white background on the Recent Posts link?

[Joao]

Hi Peter,

Please add the following code:

.x-colophon.top .h-widget, .x-colophon.top a, .x-colophon.top .widget {
background-color: transparent;

}

.x-colophon .widget ul li {

background-color: transparent;

}

If you don´t like the lines that are left after it

Please change the second code to:

.x-colophon .widget ul li {

background-color: transparent;

border-color: transparent;

}

And also add:

.x-colophon top .widget ul, .widget ol {

border-color: transparent;

}

*You also can choose another color to place instead of transparent.

Hope that helps,

Joao

[Leanna]

hi – above code works great to get my link color changed in widget text field, however widget headline/title color also changes. How can I keep header color standard?
http://www.leannacinquanta.com footer widget area.
thanks…

[Friech]

Hi There,

Please add this on your custom CSS.

footer table, #mc_embed_signup {
	background-color: transparent !important;
}

Hope it helps, Cheers!

[Leanna]

well that didnt change the heading font but removed the bg that i had coded in tables. Anyway I took the tables out and went with this look so no need to bother further. Thanks.

[Friech]

Sorry for the confusion, glad you sorted things out. Here’s the css code if you still need to change the heading font color.

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

Thanks.

[Leanna]

Thank you! I have to say, the best part about X theme is the tech support. You guys are great!

[Joao]

Thanks for the kind words 🙂

Joao

[Author]

Posts