[Resolved] Padding issue of Contact Form 7 using GPP

Log In Free Support

Popular Articles

Missing style.css

Updating errors

Installing GP Premium

Installing GeneratePress

This topic has 3 replies, 2 voices, and was last updated 3 years, 5 months ago by David.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
November 10, 2022 at 2:55 am #2409514

yitegele

Hi GP support team!

How are you? I have a issue when using GPP and Contact Form 7.
Please have a look at the below address. You will find a space (around 40px) below the “Submit” button.
It seems that there is a hidden padding there, because if I use a different element instead of CF7, the bottom is perfectly aligned without any space, and I really didn’t find a solution with Google.
Please help remove this space and make the bottom perfectly aligned. Thank you.

Best,
Yi

November 10, 2022 at 6:33 am #2409781
David
Staff
Customer Support
Hi there,

so the contact form does have some bottom margins, but it also has some hidden elements ( such as the loading the spinner or the error / success notice containers ) which take up space.

Try this CSS:
```
.wpcf7-form p:last-of-type {
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
}
.wpcf7-spinner {
    order: -1;
}
```
It will remove the bottom margin and move the loading spinner above the button.
November 10, 2022 at 7:32 pm #2410686

yitegele

Hi David!

Thank you so much for your help. Perfectly solved. I should’ve asked GP Support earlier. Thumb up!

Best,
Yi

November 11, 2022 at 4:27 am #2411098

David
Staff
Customer Support

Happy to be of help!
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.