CSS for footer padding

[justjane]

/*
// change footer padding top right bottom left by me
*/
.x-colophon.top {
padding: 1px 1px 1px 1px;
}

I’ve tried placing .textwidget and .h-widget after .x-colophon.top but nothing is working. Not sure what to add after x-colophon.top.

I don’t know what I am missing.

[ruenel]

Hello @janequade,

Thanks for writing in!

The code is valid and correct. Even then, it will not be noticeable though. Can you please create a mock layout or screenshot showing us which part of the footer you are trying to lessen the padding?

Regards.

[justjane]

I attached a screenshot of the footer, mobile device view. I am trying to increase the padding so the content in the footer widgets is still left justified but had padding to the left.

[christian]

Hey @janequade,

This issue happens because your Site Width is 100%.

It should be set to a lower value.

Hope that helps.

[justjane]

I cannot thank you enough! Thank you. Thank you. Thank you.
Lowering the site width to 80% worked.

Is there a rule of thumb when it comes to setting the site width percentage?

[christian]

My pleasure to help, @janequade.

There is no rule of thumb. The setting would depend on your design.