X Email Form Alignment

[noizepro]

Hello!
I’ve used the code found in this post (X Email Form on One Line) on a couple of my websites to place my subscribe form on one line, but there is one small glitch where the Subscribe button is not quite aligned and moves into the correct position when you hover over it. Can anyone tell me how to fix this?

You can see this issue on this site towards the bottom of the page:

Home - Emily V

Thanks for any assistance!
Katie

[prakash_s]

Hello @noizepro,

Thanks for writing to us.

In order to align the submit button, I would suggest you replace this custom CSS code with the given code.

.tco-subscribe-form input[type="submit"] {
    display: inline-block;
    width: 100%;
    margin-top: 0.25em;
    font-size: inherit;
}  

Replace it with this code.

.tco-subscribe-form input[type="submit"] {
    display: inline-block;
    width: 100%;
    margin-top: 0;
    font-size: inherit;
}

OR you can add this code at the bottom of the Theme Options —>CSS

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

The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.In case if you have no idea about coding you can subscribe to One where customization questions are answered.

Hope it helps.
Thanks

[noizepro]

@prakash_s

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

The second option worked. (The first didn’t seem to change anything.)
Thank you!

[prakash_s]

You are most welcome @noizepro.