Reduce padding and margins in footer? (css code?)

try to add to ‘Additional CSS’:

#site-footer {
    padding: 1.2rem 0;
}

change the 1.2 to whatever number you like; it was originally 4.3

Hi Micheal,

Thank you for your reply. Unfortunately, the coding didn’t take. I noticed on some of my other additional CSS that the “pointer” uses “.” instead of #?? Is that relevant?

Craig

ps. thanks again!

example:
}
.singular .entry-header {
padding-bottom: 25px;
padding-top: 0px;

what exactly do you refer to as footer#1?

reduce the top and bottom padding in footer#1

.

# indicates a CSS ID, while . indicates a CSS class; there is a difference.

this is how the site footer padding is set in style.css of the theme, for larger screens:

@media ( min-width: 700px ) {

/*... line 5618+...*/

	/* FOOTER BOTTOM */

	#site-footer {
		font-size: 1.8rem;
		padding: 4.3rem 0;
	}

/*...*/

and for smaller screens (line 4387+):

.footer-top,
.footer-widgets-outer-wrapper,
#site-footer {
	padding: 3rem 0;
}

when adding new styles, you might need to clear the browser cache to see the results, or try viewing the site in a different browser.