inline-fields single line form shows submit button on 2nd line

  • I have set the CSS to inline-fields for a single line form, however, the submit button will only appear on the 2nd line.
    The three input fields: email, name, phone, are set to medium width.

    When the input fields are set to short, with plenty of room for the submit button on same line, the button will still appear on 2nd line.
    Thank you for help.

    The page I need help with: [log in to see the link]

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

  • Hey @leelalove,

    Thanks for contacting us!

    To fix the issue you’re facing, please consider adding following CSS and let me know how it goes:

    .wpforms-recaptcha-container.wpforms-is-recaptcha {position: absolute !important;}

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

    Hope this helps!

    Thread Starter Deep Spring Farmer

    (@leelalove)

    Hi there, Thank you for your help.
    I installed Code Snippets and copied in the CSS you suggested.
    It didn’t change the form.
    Is this what it should look like in Code Snippets?
    Do I need to label the form with a CSS class?

    `add_action( ‘wp_head’, function () { ?>
    <style>

    /*.wpforms-recaptcha-container.wpforms-is-recaptcha {position: absolute !important;} */

    </style>
    <?php } );

    Thread Starter Deep Spring Farmer

    (@leelalove)

    Hey, I edited it and got it to work as you suggested.
    Thank you!

    @leelalove – You’re most welcome. I’m glad to hear that you got it working. In the meantime, if you have any questions, please feel free to reachout.

    Kindly,

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘inline-fields single line form shows submit button on 2nd line’ is closed to new replies.