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.