How to put the sign up button on the same line as the field?

Hi Dme102,

This is a little harder to do using the free version but the following steps should get you going.

1) Remove all paragraph elements <p> from your form mark-up.

2) Add (something like) the following CSS to your theme stylesheet.

.mc4wp-form input,
.mc4wp-form label {
	display: inline-block;
	max-width: 150px;
}

Something like that should get us in the right direction.

Hope that helps!

I followed those steps, including removing all the <p> symbols from the code.

Here is the result: https://screencast.com/t/SlI3Qm9Snt9H

It seems to have shortened the input field but button is still on a different line.

Anything else I could try? Thanks.

Your theme CSS is most likely interfering, do you have an URL I can take a look at?

Yep. The site is in development here.

The sign up form is in a footer widget. Thanks!

Hi there,

The following CSS should work.

.mc4wp-form input[type="email"] {
	display: inline-block;
	margin-right: 10px;
	max-width: 200px;
}

You should add this to your theme its style.css file, an easy way to do is by using WP Admin > Appearance > Editor.

Hope that helps!

I replaced the earlier piece of code with that one in the stylesheet but still having the same issue.

Hi Danny I’m still not able to get it on the same line. Any other ideas? Thanks for the help — much appreciated.