[DominicXXVParticipant]

Hello,

Please see attached image. How can I eliminate the large gap between the title and the email form located in the footer widget 2 (center area)?

I’ll send a link to the page as well as my credentials privately.

Thank you.

[DominicXXVParticipant]

This reply has been marked as private.

[Prasant RaiModerator]

Hello Dominic,

Thanks for writing in!

You can add this under Custom > CSS in the Customizer:

footer.x-colophon.top div#x_email_form-10 div#x-section-2 {
    padding-top: 0;
}

Thanks.

[DominicXXVParticipant]

Hi Prasant,

Unfortunately that didn’t do anything. See attached screen grab. Any other ideas?

Thanks.

[RahulModerator]

Hey There,

Thanks for writing in!

Please add this CSS at Appereance > Customizer > Custom > CSS :

.x-section {
  padding:4px 0;
}

See attached!

Let us know how it goes!

[DominicXXVParticipant]

Hello again,

I’m sorry, but I’m not sure what I’m doing wrong, but I can’t seem to get it to look any different with that code either. See attached.

Can you just leave in the code that allowed you to capture the screen shot of it nice and tight the way I want it?

[LelyModerator]

Hi There,

Either of those code is not working because the following part on your custom CSS have missing closing curly bracket. So I add the curly bracket and then add the CSS needed.

.page-template-template-blank-4-php .x-main, 
.page-template-template-blank-5-php .x-main, 
.page-template-template-blank-6-php .x-main, 
.page-template-template-blank-8-php .x-main {
    background-color: transparent;
} /*This closing is missing so it is considered syntax error making CSS after this part not working*/
footer.x-colophon.top div#x_email_form-10 div#x-section-2 {
    padding-top: 0;
}

I add it already and working now. If you seem it’s up to much, adjust the value here:padding-top: 0; accordingly.

Hope this helps.

[DominicXXVParticipant]

Hello,

If I’m understanding you correctly, you’re saying you fixed it for me. However, I still see it the same as it was. See screen shot.

I copied code that’s in the customizer and I’ll paste it below…
.x-btn, .x-btn:hover, .button, .button:hover, [type=”submit”], [type=”submit”]:hover {
text-shadow: none;
}.page-template-template-blank-4-php .x-main,
.page-template-template-blank-5-php .x-main,
.page-template-template-blank-6-php .x-main,
.page-template-template-blank-8-php .x-main {
background-color: transparent;
}
footer.x-colophon.top div#x_email_form-10 div#x-section-2 {
padding-top: 0;
}

Is this the correct code, and if so, why am I not seeing what’s in your screen shots?

I even tried creating a new page, but the form is still in the same spot.

I’m sorry this is so painful, and appreciate you hanging with me.

[JadeModerator]

Hi there,

I checked your site and I could see the correct version of the spaces. See screenshot below. Kindly try to clear your cache.

[DominicXXVParticipant]

Hiya,

I did try doing that, as well as using different browsers.

I now see what the issue is, now that I can see more of your screen capture and what page you’re on. It’s only taking effect on this page http://www.glutenfreekeys.com/legal-mumbo/ and not universally. The pages with footers I was checking weren’t fixed.

Is there a way to make it so I don’t have to add code to every page? So any pages that use that footer or future pages using that footer are automatically fixed?

Here is and example of a page that isn’t fixed, so you can see what I was looking at. http://www.glutenfreekeys.com/blog/

Thanks again!

[Rue NelModerator]

Hello There,

Thank you for the clarifications. I am another staff checking on this thread. To saved you some time, I have made an update to the css and use this:

.x-colophon.top .widget_x_email_form .x-section {
    margin: 0 auto !important;
    padding: 0 !important;
}

Please check all your pages now.

[DominicXXVParticipant]

That did it! You guys are awesome. Thanks!

[ThaiModerator]

You’re most welcome 🙂

[Author]

Posts