Horizontal form

[dbrinda]

I’m trying to make the form on this page horizontal. Name, email address, and submit button all inline horizontally.

I’ve tried a few different solutions found on other support threads, but it doesn’t seem to be working. Suggestions?

[rad]

Hi Dave,

Thanks for reaching out.

This should work, tried and tested , please add this to Theme Options > CSS

@media ( min-width: 980px ) {
.tco-subscribe-form fieldset {
    display: inline !important;
}
}

Then make sure to increase your form max-width until all fields became inline.

It could be the reason it’s not working since a 250px width isn’t enough to make them inline. Just the button is 112px.

Thanks!

[dbrinda]

Great, thanks…got everything inline now. Is there a way to adjust the height of the input fields (or button) to make everything same size and alignment?

Right now the fields are taller and the button is too low:

[rad]

Hi Dave,

Please change the above CSS to this

@media ( min-width: 980px ) {
.tco-subscribe-form fieldset {
    display: inline !important;
}
.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"] {
    line-height: 6px;
    margin-top: 0px !important;
}
}

Hope this helps

[dbrinda]

Perfect, thank you!

[rad]

You’re most welcome!