Footer & Widget & Background Color

Hi,

I have three questions:

1.) The footer on my website takes up a lot of space and I would like to make it smaller.
Here you can find it: https://burgen-und-kathedralen.de/
I’m talking about the black footer area. Is there a way to reduce the height?

2.) Also on the same page you can see widgets in the sidebar. The problem is that they have a white background color, but the page’s background color is grey, so it doesn’t look right. Can I change the background color of the widgets?

3.) I might change the background color of the page to white. But I can’t find the option to change the background for the entire page. Right now it’s grey and I think I changed it before, but I just can’t find it anymore.

Thanks you very much in advance!
Dennis

Hi Dennis,

Thank you for writing in.

That area is the top and bottom padding of the footer, you can use the following custom CSS to adjust it.

footer.x-colophon.bottom {
	padding-top: 5px;
	padding-bottom: 5px;
}

Add this to Theme Options > CSS

Please add this to Theme Options > CSS as well.

.widget ul li, .widget ol li {
	background-color: transparent;
}

The background-color of entire page can be set under Theme Options > Layout and Design > Background Color, however that grey bg-color that you’re seeing is the background-color of your section. Please inspect your section and see that background-color option.



Hope it helps,
Cheers!

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