Footer Widget Font color

[SE1217707]

Hello - looked through prior posts and tried implementing html code that would not work. How can I change the font color for text in the footer widget to be black? Also, is there a way to reduce the padding in the widget area on the bottom and top? Also, is there a way to center text and images?

[friech]

Hi Samantha,

Thank you for writing in, to adjust the top and bottom padding of the footer and to center its content, please add this to Theme Options > CSS

.x-colophon.top {
	text-align: center;
	padding-top: 2.5%;
	padding-bottom: 2.5%;
}

Feel free to adjust those values.

To change the text color, please add this too:

.x-colophon.top .widget,
.x-colophon.top .widget a {
	color: #000;
}

You can find the proper CSS code selector using the Chrome browser Developer Toolbar
For the CSS code itself, I suggest that you get started with this tutorial

Hope it helps,
Cheers!

[rad]

Hi Samantha,

I noticed you bumped the thread, please let us know if you have questions about the recommendation

Thanks!

[SE1217707]

Hi Rad! Haha yes, after I wrote a question I figured it out and deleted it. I am all set. Thank you for your help!

[ruenel]

You’re welcome!
We’re glad @Rad were able to help you out.