WP Forms Submit Button

Hello. I have this annoying button on my registration form that I created using WP Forms that keep moving out of its container whenever I make a change or two. I'm not a techie at all and I depend on WPMU DEV staff to create CSS for me :slight_smile:

Could someone please be kind enough to give me the CSS to move the FINISH button side by side with the PREVIOUS button? Please see attached screenshot. I'm afraid you'll have to fill out the registration form to get to the button in question. I'm so sorry about that. Please make sure that the other buttons aren't affected by this new CSS.

I've granted access. Thanks so much for your help.

Regards,
Meg

  • Abdul Wajed
    • Staff

    Hi Meg,

    I hope you are well today. :slight_smile:

    Problem solved! The following CSS has been added to your Custom CSS option to achieve your desired style.

    @media all and (min-width: 768px) {
    	div#wpforms-3690.wpforms-container-full .wpforms-form .wpforms-submit-container {
            position: absolute;
            bottom: 56px;
            left: 210px;
        }
    }
    @media all and (min-width: 768px) and (max-width: 980px) {
     	div#wpforms-3690.wpforms-container-full .wpforms-form .wpforms-submit-container {
            bottom: 85px;
        }
    }
    #wpforms-3690 .wpforms-submit-container button.wpforms-submit {
    	top: 0;
    	min-width: 177px;
    }

    Hope this helps! Please let me know if you need any further assistance. :relaxed:

    Have a nice day.
    Best regards,
    Wajed

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.