Topic: MailChimp Default Signup Form – How to make the fields and buttons inline?

Tagged: x

Author

Posts
February 25, 2017 at 4:49 am #1385279

Ronald
Participant

Hello,

Please could you help me to get the MailChimp signup form to appear inline instead of stacked.
The input fields as well as the submit button needs to be in one line.

I had a look at the forum and it seems to be specific to those sites. I have tried a few with no luck.

Please assist me 🙂

http://fieldpro.co.za/
PS. Site may be behind construction, I will reply with credentials.

Regards,
Ronald.

February 25, 2017 at 4:50 am #1385280

Ronald
Participant

This reply has been marked as private.

February 25, 2017 at 5:30 am #1385294
Christopher
Moderator
Hi there,

Please increase form’s max-width to at least 600px under form settings.

Please add following code in Customize -> Custom -> Global CSS :
```
@media (min-width:767px){
.x-subscribe-form fieldset {
    width: 31%;
    float: left;
    margin-right: 2%;
}
.x-subscribe-form input[type="submit"] {
    margin-top: 0;
}
}
```
Hope it helps.
February 25, 2017 at 5:48 am #1385298

Ronald
Participant

Thank you, please tell me where to fine the form settings, I am using X Email Forms Plugin bundled with X.

February 25, 2017 at 5:55 am #1385305

Ronald
Participant

No Worries 🙂 I have found this, the setting is located under the form from the “edit form” button.

Thank you for your prompt assistance. 🙂

Enjoy your day.

February 25, 2017 at 5:56 am #1385306

Christopher
Moderator

Please see the attachment.
It’s under Email form/{Your form}/Appearance.

Hope it helps.
Author

Posts

<script> jQuery(function($){ $("#no-reply-1385279 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>