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!
Thread Starter
dme102
(@dme102)
I followed those steps, including removing all the <p> symbols from the code.
Here is the result: http://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?
Thread Starter
dme102
(@dme102)
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!
Thread Starter
dme102
(@dme102)
I replaced the earlier piece of code with that one in the stylesheet but still having the same issue.
Thread Starter
dme102
(@dme102)
Hi Danny I’m still not able to get it on the same line. Any other ideas? Thanks for the help — much appreciated.