Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #529502

    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?

    #529509

    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

    #529526

    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

    #529622

    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>

    #529830

    Hi,

    Great, glad you found a solution. Please let us know if you should need any more help on the topic.

    Regards,
    Rikard

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.