Hi,
I want to have simple one line mailchimp contact form. I use only email field and submit button. The email field should be 2/3 of the width and the submit button 1/3 of the width (of the area what is used for this area). Can you help me to get this layout with Mailchimp?
Hey teppana99!
Add this to a codeblock element in the page.
<style type = "text/css">
.mc4wp-form p {
width: 45% !important;
clear: none !important;
margin-right: 3% !important;
}
</style>
Cheers!
Elliott
ok, thanks. Now the email & submit button are on the same line. But how
A) use the whole content are what is available for the contact form?
B) submit button should be the same height as the email field?
Thanks
Newer mind, I fixed the layout with this kind of solution to get single line mailchimp form:
<p class=”first_form form_element form_element_three_fourth”>
<input type=”email” name=”EMAIL” placeholder=”Your email address” required />
</p>
<p class=”form_element form_element_fourth modified_width”>
<input type=”submit” value=”Sign up” class=”button” />
</p>