[armintzParticipant]

i’m using the X mailchimp add-on and i’m using the following code to put the signup widget (on my home page only) on a single line:

/* MAILCHIMP ON ONE LINE */

.page-id-50 .x-subscribe-form fieldset {
    display: inline-block;
    vertical-align: top;
}

.page-id-50 .x-subscribe-form fieldset input.submit.x-btn {
    margin-top:0;
}

the issue is that the vertical alignment of the sign up box is not aligned with the submit button. is there a simple way to vertically center the sign up box so that it looks nicer?

site: http://tinyurl.com/jxmep6d

thanks

[Rue NelModerator]

Hello There,

Thanks for writing in! To resolve this issue and make sure that the submit button will always be align to the input field, please have your css updated and make use of this code instead:

/* MAILCHIMP ON ONE LINE */

.page-id-50 .x-subscribe-form fieldset {
    display: inline-block;
    vertical-align: top;
}

.page-id-50 .x-subscribe-form fieldset input.submit.x-btn {
    margin-top:0;
    padding: 10px;
}

Hope this helps. Please let us know how it goes.

[armintzParticipant]

adding padding: 10px; did it – thank you.

[JoaoModerator]

Great to hear it.

Let us know if we can help with anything else.

Joao

[Author]

Posts