Pro - Email Forms - Inline

[sam_futr]

Hi Team

How do I format Email Forms to be inline - eg for Headers / Footers.

Have had a look around and can’t find anything in the documentation.

Thanks
Sam

[paul.r]

Hi Sam,

To make it inline, you can add the code below in Theme Options > CSS

.tco-subscribe-form {
   width:100%;
}

.tco-subscribe-form fieldset {
    min-width: 0;  
    display: inline-block;
    vertical-align:middle;
}

.tco-subscribe-form select, .tco-subscribe-form input[type="text"], .tco-subscribe-form input[type="email"] {
   margin-bottom:0;
}

.tco-subscribe-form input[type="submit"] {
   margin-top:0;
}

Hope that helps.

[sam_futr]

Thanks Paul

Does this make ALL Email Forms inline? Sorry, not super privy to CSS.

If so, is there an option to specify which form by using the Form ID in the shortcode?

Cheers,
Sam

[paul.r]

Hi Sam,

You can add a class to your form.

Then add it to your code.

.myform .tco-subscribe-form {
   width:100%;
}

.myform .tco-subscribe-form fieldset {
    min-width: 0;  
    display: inline-block;
    vertical-align:middle;
}

.myform .tco-subscribe-form select, .tco-subscribe-form input[type="text"], .tco-subscribe-form input[type="email"] {
   margin-bottom:0;
}

.myform .tco-subscribe-form input[type="submit"] {
   margin-top:0;
}

Hope that helps