Mail forms layout

[joshopkins]

Is there a way to change the mail forms from vertical (stacked) to horizontal.

I have read a number of posts but nothing is showing how to achieve this. How would you go about making a specific mail form horizontal?

[ruenel]

Hello There,

Thanks for writing in! You can achieve the mail form in horizontal position using a custom css. To assist you with this issue, we’ll first need you to provide us with your URL of the page with the mail form in it. This is to ensure that we can provide you with a tailored answer to your situation.

Meanwhile, you can make use of this custom css code by adding the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.tco-subscribe-form fieldset {
    display: inline-block;
    margin-right: 5px;
    float: left;
}

.tco-subscribe-form fieldset input {
    border-radius: 10px;
    border: 1px solid black;
    max-width: 150px; /* To fit all fields plus button on 1 line/row*/
}

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

Best Regards.