Title: Styling Inline Form
Last modified: September 12, 2024

---

# Styling Inline Form

 *  Resolved [rayeason](https://wordpress.org/support/users/rayeason/)
 * (@rayeason)
 * [1 year, 9 months ago](https://wordpress.org/support/topic/styling-inline-form/)
 * Hello and good day.
 * Is there a way to lengthen the form field AND bring the inline submit button 
   closer to the form field?
 * I have followed your tutorial below:
 * [https://wpforms.com/docs/how-to-display-your-form-in-a-single-line/](https://wpforms.com/docs/how-to-display-your-form-in-a-single-line/)
 * However, the submit button is alighned to the far right and the form field to
   the far left.
 * [https://drive.google.com/file/d/1bqm4ghwQgtqmJLaGDQRC0oHzHV9ksiEP/view?usp=drivesdk](https://drive.google.com/file/d/1bqm4ghwQgtqmJLaGDQRC0oHzHV9ksiEP/view?usp=drivesdk)

Viewing 5 replies - 1 through 5 (of 5 total)

 *  Plugin Support [Ralden Souza](https://wordpress.org/support/users/rsouzaam/)
 * (@rsouzaam)
 * [1 year, 8 months ago](https://wordpress.org/support/topic/styling-inline-form/#post-18017086)
 * Hi [@rayeason](https://wordpress.org/support/users/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](https://wpforms.com/docs/how-to-customize-form-field-options/#advanced-options).
 * 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!
 *  Thread Starter [rayeason](https://wordpress.org/support/users/rayeason/)
 * (@rayeason)
 * [1 year, 8 months ago](https://wordpress.org/support/topic/styling-inline-form/#post-18018525)
 * Hello and good day. Thank you for your quick response.
 * The website is [https://marketingreasons.com/wp-forms-test/](https://marketingreasons.com/wp-forms-test/)
 *  Plugin Support [Ralden Souza](https://wordpress.org/support/users/rsouzaam/)
 * (@rsouzaam)
 * [1 year, 8 months ago](https://wordpress.org/support/topic/styling-inline-form/#post-18020639)
 * Hi [@rayeason](https://wordpress.org/support/users/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:
 *     ```wp-block-code
       .wpforms-container.inline-fields .wpforms-field-container .wpforms-field:last-of-type {    width: 100%;}
       ```
   
 * Here is [a screenshot](https://a.supportally.com/i/gG8eTI) of the result you 
   should see.
 * In case this doesn’t work, please use the **!important** flag:
 *     ```wp-block-code
       .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](https://wpforms.com/developers/how-to-add-custom-css-styles-for-wpforms/).
 * Hope this helps!
 *  Thread Starter [rayeason](https://wordpress.org/support/users/rayeason/)
 * (@rayeason)
 * [1 year, 8 months ago](https://wordpress.org/support/topic/styling-inline-form/#post-18020897)
 * That worked!
 * Thank you so, much!!
 *  Plugin Support [Ralden Souza](https://wordpress.org/support/users/rsouzaam/)
 * (@rsouzaam)
 * [1 year, 8 months ago](https://wordpress.org/support/topic/styling-inline-form/#post-18022951)
 * Hi [@rayeason](https://wordpress.org/support/users/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 WordPress.org? It only
   takes a minute and helps us keep improving!
 * [Here’s the link](https://wordpress.org/support/plugin/wpforms-lite/reviews/?filter=5)
   to leave a review and in case you’d like some guidance, [this article](https://wpforms.com/how-to-leave-a-rating-for-wpforms-on-wordpress-org/)
   walks you through the process.
 * We appreciate your time and feedback!
 * Thanks

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Styling Inline Form’ is closed to new replies.

 * ![](https://ps.w.org/wpforms-lite/assets/icon.svg?rev=3254748)
 * [WPForms - Easy Form Builder for WordPress - Contact Forms, Payment Forms, Surveys, & More](https://wordpress.org/plugins/wpforms-lite/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/wpforms-lite/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/wpforms-lite/)
 * [Active Topics](https://wordpress.org/support/plugin/wpforms-lite/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/wpforms-lite/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/wpforms-lite/reviews/)

## Tags

 * [button](https://wordpress.org/support/topic-tag/button/)
 * [field](https://wordpress.org/support/topic-tag/field/)
 * [form](https://wordpress.org/support/topic-tag/form/)

 * 5 replies
 * 2 participants
 * Last reply from: [Ralden Souza](https://wordpress.org/support/users/rsouzaam/)
 * Last activity: [1 year, 8 months ago](https://wordpress.org/support/topic/styling-inline-form/#post-18022951)
 * Status: resolved