Docs

[nlwynnn]

I am trying to add a horizontal Mailchimp form to my website and I am having a hard time figuring out how to accomplish this. I have tried to implement some suggestions from other posts however nothing is working for me. I am not a developer and I have very little experience with this. Can you help please?

[Christopher]

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[nlwynnn]

This reply has been marked as private.

[Thai]

Hi There,

Upon checking your website, I can see that it’s not using X.

Could you please give me the correct link?

Many thanks.

[nlwynnn]

This reply has been marked as private.

[Rupok]

Hi There,

Your given site url is not using X. We are not sure where you are using that and what’s the problem actually. If you are working on backend then you can share your login credentials so we can take a closer look. To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password
– FTP credentials

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

[nlwynnn]

This reply has been marked as private.

[Rad]

Hi there,

Thanks for the login.

Unfortunately, your current form is from 3rd party plugin and it’s existing structure doesn’t conform a proper structure.

All I could give you is small css tweak, please add this css at Admin > Appearance > Customizer > Custom > CSS.

.mc4wp-form input[type=date], .mc4wp-form input[type=email], .mc4wp-form input[type=tel], .mc4wp-form input[type=text], .mc4wp-form input[type=url], .mc4wp-form select, .mc4wp-form textarea {
  width: 46%;
  display: inline;
}
.mc4wp-form label {
display: none;
}

Thanks!

[nlwynnn]

Ok great that worked well.

Is there a way for me to accomplish this same result using Mailchimp without using a third party plugin. I would love for the form to keep the same styling as the rest of the site. I think I had done it but it wasn’t styled how I wanted it and thought I had to use a plugin to accomplish the result I wanted. Sorry for all the back and forth.

Could you give me the correct way to add this form without this plugin as I would like to keep unneccessay plugins to a minimum.

[nlwynnn]

Also could the extra plugins be why it takes so long to go from one page to the next

[Rad]

Hi yes,

The more plugins, the longer it loads. It’s best if you can use optimizatin plugin like from here https://community.theme.co//kb/performance/

And about the form, you can use X’s email form extension https://community.theme.co//kb/extension-email-forms/ (it’s just a wrapper of mailchimp and it’s not that big). Once you’re done, then I could provide you a css to make them inline, it should be just a few line of css. But I need to see its setup at your site first.

Thanks!

[nlwynnn]

Great. thank you. I made the change and just need help making it horizontal now. Thanks for all your help.

[Rue Nel]

Hey There,

You are most welcome!
We are glad we were able to help you out.

If there’s anything else, we can help you with, please let us know.

[nlwynnn]

how do i now make the form horizontal where the name, email and subscribe button are all side by side across the screen

[Paul R]

Hi,

To achieve that, you can add the code below in cornerstone > settings > custom css

.home .x-subscribe-form {
   max-width:100%;
}

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

.home .x-subscribe-form input[type="submit"] {
   margin-top:0;
   max-height: 47px;
}

.home #x-section-4 .x-section {
    padding:0;
}

http://screencast.com/t/wW8hYsoDKFaC

Hope that helps.

[Author]

Posts