Inline Submit Button

  • Resolved Clif Haley

    (@clifhaley)


    2 years, 5 months ago

    I have selected the “inline” option in the form builder but the Submit button still appears below the form. How can I fix this? I purchased and installed the customizer but it just broke the entire WordPress customization backend so I had to disable it. I’m styling “by hand” with CSS.

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

Viewing 1 replies (of 1 total)
  • jpowersdev

    (@jpowersdev)

    2 years, 5 months ago

    Hi @clifhaley,

    It looks like the form is just too wide for that spot. Even though it’s “inline”, it’s wrapping to the next line.

    You can fix that by using flexbox. Here’s an example that only applies to screens above 650px (it looks fine below that):

    @media(min-width: 651px){
	{
		.yikes-mailchimp-form-inline {
			display: flex;
			align-items: flex-end; // to account for the labels.
		}
	}
}

    I only checked the page you sent me, so you’ll need to make sure there aren’t other forms that this interferes with. If you have to make it more specific, you can change the selector like this:

    #dime-newsletter-1.yikes-mailchimp-form-inline

    Let me know if that helps,
    Jon

Viewing 1 replies (of 1 total)
  • The topic ‘Inline Submit Button’ is closed to new replies.