CSS to put the email field and subscribe button on the same line

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Contributor kishanranawat

    (@kishanranawat)

    Hello there,

    Thanks for sharing your queries with us.

    If you need to show the two fields in the same line, following CSS might be helpful to you.

    form.es_subscription_form::after {
    content: '';
    display: block;
    clear:both;
}

form.es_subscription_form .es-field-wrap {
    width: 67%;
    float: left;
}

form.es_subscription_form .es-field-wrap label {
    width: 100%;
}

form.es_subscription_form input[type='submit'] {
    width: 30%;
    float: left;
    margin: 0 0 0 3%;
}

form.es_subscription_form input.ig_es_form_field_email {
    margin-bottom: 0;
}

    You can put the above CSS in the Customizer’s settings(Appearance > Customize > Additional CSS).

    Hope this helps you. Let us know if it works for you or not.

    Also, if needed you can provide us the page URL where the form is currently shown so that we can better understand the current form appearance.

    Thank you.

    Thread Starter rtfrisk

    (@rtfrisk)

    Thank you so much!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘CSS to put the email field and subscribe button on the same line’ is closed to new replies.