Docs

[NicoleOhlmann]

Hi there,

I’d like to change the look of the email subscription form a little bit. Is it possible to have the enter fields and the button next to each other? I added a screenshot with a similar example.

Thanks a lot for your efforts. It is very much appreciated.

Warm regards,
Nicole

[Darshana]

Hi there,

Thanks for writing in! Please provide us with the URL to your page, that have included your current email form. So that we can assist you accordingly.

Thanks!

[NicoleOhlmann]

Hi Darshana,

Please find the link below:

Home

Warm regards,
Nicole

[Joao]

Hi Nicole

Please add the following code at your Appereance / Customizer / Custom / CSS

.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,

Joao

[NicoleOhlmann]

Hi Joao,

Many thanks! It looks wonderful!
Is there a possibility to move the button to the same hight as the two fields? (see screeshot)

Many thanks for your efforts. It is very much appreciated.

Warm regards,
Nicole

[Rad]

Hi there,

Thanks for writing in.

Please change this CSS

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

to this,

.x-subscribe-form input[type="submit"] {
    display: inline;
    margin: 0px;
    padding: 0px;
}

And if it’s not working, then please provide your login credentials in private reply. Your site is behind under construction page.

Thanks!

[NicoleOhlmann]

Hi Rad, thanks a lot for your quick reply. Unfortunately it didn’t do the trick. The website is off construction mode. So you can see everything now.

Many thanks for your efforts.

Warm regards,
Nicole

[Christopher]

Hi there,

Please add this code :

.x-subscribe-form input[type="submit"] {
    vertical-align: bottom;
}

Hope it helps.

[Author]

Posts