Newsletter form – CSS code – input and submit button to appear side by side

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support Amjad Ali

    (@amjadali688)

    1 year ago

    Hi @silviugania ,

    Thanks for reaching out!

    To display your form fields and button in a single line, you can follow these steps:

    1. In the WPForms form builder, go to Settings » General.
    2. Locate the Form CSS Class field and add the following class: inline-fields as you can see in this screenshot: https://a.supportally.com/i/Gt09bX.
    3. Save your form, and it should now align the input field and subscribe button on the same line.

    For more details check out this guide: How to Display Your Form in a Single Line

    Hope this helps!

    Thread Starter Silviu Gania

    (@silviugania)

    1 year ago

    Hi @amjadali688,

    Thanks for your reply. That was already done, just FYI, please screenshot: Form CSS Class

    Thanks.

    Thread Starter Silviu Gania

    (@silviugania)

    1 year ago

    Hi @amjadali688,

    There’s this Additional CSS code I’ve added at some point, if it helps in any way:

    /* Horizontally align subscribe form on mobile */
    @media only screen and (max-width: 600px){
    .wpforms-container.inline-fields .wpforms-field {
    padding-right: 0%;
    }
    }

    Thanks

    Plugin Support Amjad Ali

    (@amjadali688)

    1 year ago

    Hi @silviugania ,

    Thanks for sharing this!

    We really appreciate you taking the time to provide the CSS snippet.

    Let us know if you have any other questions—we’re happy to help!

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

The topic ‘Newsletter form – CSS code – input and submit button to appear side by side’ is closed to new replies.

  • 4 replies
  • 2 participants
  • Last reply from: Amjad Ali
  • Last activity: 1 year ago
  • Status: resolved