Contact Form 7 fields no longer correctly aligned.

DebsWebs

I have created contact forms on many of my websites using Contact Form 7. On all of the sites where I have used the 2 column formatting option, the second column is no longer aligned next to the first column. When I look at the developer tools for the contact form it shows that an empty <p> tag has been added that is pushing the second column down one line causing the form to look bad. I am attaching some screenshots of the problem (including the html from the developer tools).

This just started occurring in the last day or so. I have recently updated the theme. I'm not sure when the most recent update for Contact Form 7 was.

One of the sites where this is happening is here: https://tompkinschoir.com/contact-us/ and also at the bottom of the home page.

Here is another example from a different site.

I can't tell if it's the latest theme update or the latest Contact Form 7 update that caused this to happen, but it's seems pretty clear that it's due to the extra <p><br/></p> tag that is getting added.

Phil

Hello,

A recent Contact Form update causes this issue, and you can check the recent topic on the WP forum about it:

https://wordpress.org/support/topic/rows-column-styling-issues-after-update/

As a solution for that, you can put the following code in Betheme -> Theme options -> Custom CSS & JS -> CSS:

.wpcf7-form > p{
 display: none;
}

But as I can see, they already released an update fixing that.

https://contactform7.com/2022/12/16/contact-form-7-571/

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

DebsWebs

Great! Thank you. It appears to be aligning correctly now.