Docs

[Jordan W]

Right now, the form is set up and working, but is stacked on three separate lines.
How can I get it all on one line like this: http://www.phillipashleypresents.com/

I’ve tried some of the custom CSS from other similar posts, but none worked.

Thanks!

[Jordan W]

This reply has been marked as private.

[Nico]

Hi There,

Thanks for writing in.

You could try checking this link below for the answer:

https://theme.co/x/member/forums/topic/mail-chimp-form-displayed-inline-or-block/#post-241040

Hope it helps. Let us know.

Thanks.

[Jordan W]

Thanks, but no dice.

As I said, I tried 3 or 4 different CSS suggestions in the forum but none of them worked.

[Jordan W]

Also cleared the cache

[Friech]

Hi There,

Would you mind providing us with the site URL. This is to ensure that we can provide you with a tailored answer to your situation.

Thanks!

[Jordan W]

This reply has been marked as private.

[Darshana]

Hi there,

Please try adding the following CSS rules instead.

.x-subscribe-form {
    max-width: 700px !important;
}

.x-subscribe-form fieldset {
    display: inline;
}

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

Hope that helps.

[Jordan W]

Awesome… that’s pretty close. Only thing I’d need now is to adjust the height of the button.

Any ideas?

[Jordan W]

This reply has been marked as private.

[Friech]

Hi There,

You can add this under Custom > CSS in the Customizer.

.x-subscribe-form fieldset {vertical-align: top;}
.x-subscribe-form input[type="submit"] {height: 55px;}

Hope it helps, Cheers!

[Jordan W]

Thanks much! Perfect!

[Thai]

You’re most welcome.

[Author]

Posts