X Email Form on One Line

[Lorie]

Hi. I’ve tried looking this up, but I can’t figure out how to make the email form on one line instead of stacked. Seems like this would be a handy option to have. The form is on the homepage: https://lorie.warrenhardy.com/

Thank you!

[Prasant]

Hello @Lorie,

Thanks for asking.

You can add following CSS to display form fields in one line.

.tco-subscribe-form fieldset {
    display: inline-block;
}

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

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

[Lorie]

@Prasant

.tco-subscribe-form fieldset {
display: inline-block;
}

.tco-subscribe-form input[type=“email”] {
margin-bottom: 0;
}

Thanks a bunch!

[friech]

We are delighted to assist you with this.

Cheers!