Styling Inline Form

Hi @rayeason,

Thanks for reaching out!

You should address this issue by using the Field Size option and selecting the Large setting. You can find a guide on how to do this here.

If this does not resolve the issue, please share the URL to access your form. This way, I will be able to provide further assistance.

Thanks!

Hi @rayeason,

Thanks for sharing the URL!

It seems the issue is because you’re using only one field in your form. For this case, please try the following custom CSS snippet:

.wpforms-container.inline-fields .wpforms-field-container .wpforms-field:last-of-type {
    width: 100%;
}

Here is a screenshot of the result you should see.

In case this doesn’t work, please use the !important flag:

.wpforms-container.inline-fields .wpforms-field-container .wpforms-field:last-of-type {
    width: 100% !important;
}

And in case it helps, here’s a tutorial on how to add custom CSS like this to your site.

Hope this helps!

Hi @rayeason,

I’m thrilled to hear that the CSS snippet worked! Thanks for letting us know.

Your experience is important to us, and we’d love to hear what you think about using WPForms.  Would you mind sharing a quick review on ww.wp.xz.cn? It only takes a minute and helps us keep improving!

Here’s the link to leave a review and in case you’d like some guidance, this article walks you through the process.

We appreciate your time and feedback!

Thanks