Remove some padding from top footer/ Integrity Stack

Hi,

I was able to remove some padding from the top of my first footer, but not sure how to remove the padding from the bottom of that same footer. I’m trying to go for a slimmer look. Also, how do I change the color of that same footer? Is this option built into the theme or should I use CSS? By the way, I’m referring to the white footer. The gray one is fine.

I used this code for the top and it works fine

footer.x-colophon.top {
padding: 15px 0;
}

Hi @fantasy_5,

Thanks for the very detailed post information.

Actually, the white space is coming from the section container that you have inserted in one of the footer widgets.

Based on the screenshots and with the help of your custom CSS, you can make use of this sample code to reduce or get rid of the white space:

footer.x-colophon.top .x-section {
    padding-bottom: 0;
}

Kindly let us know if this works out for you.

Hi, Ruenel,

It didn’t quite do the trick. Do you have any other suggestion? It seems that Wordpress footers become bulky when widgets are added to them by default.

Hey @fantasy_5,

The code is specific to the Email Form that you have added. When I check your site again, you have inserted another form.

Still, this new form that you have added has a default bottom padding and a bottom margin. You need extra CSS code to remove it. See the screenshot below.

The sample code to remove the space of this new form:

#mc_embed_signup form {
    padding-bottom: 0;
    margin-bottom: 0;
}

Best Regards.

Hi, Ruenel

I tried that code it didn’t seem to make a difference, but yes, I would love to rempve some padding from the mailchimp form too. However, my main concern is the border itself. No matter which widgets are added it becomes bulky. I used this code to remove the padding from the top of that particular footer just can figure out how to remove it from the bottom of that same footer.

footer.x-colophon.top {
padding: 15px 0;
}

Hi @fantasy_5,

I’m seeing that you already have some CSS to adjust the bottom footer padding at this point. You can also remove the border with this:

.x-colophon.bottom {
    border-top: none!important;
}

Hi, Alexander

That CSS adjusts the padding in the gray footer. I’m trying to figure out the CSS to adjust the bottom padding in the white footer only

Hey @fantasy_5,

You have this custom CSS:

footer.x-colophon.top {
    padding: 15px 0;
}

You can adjust that.

Hope that helps.

Hi, Christian

Changing the pixels does not adjust the bottom of that particular footer at all. Toggling the numbers only changes the top padding in the footer. For example, if I adjust from 15px to 20px the footer becomes bigger and the changes occur at the top of the footer and not the bottom.

Hi @fantasy_5,

I just check your footer and it seems that the padding is now looking great. If you still have an issue with your footer padding, please provide a screenshot of what part of your footer needs some padding adjustments.

Hope that helps.

Thank you.

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