Edit format of email optin

[digitalnomadquest]

With my form on the bottom of my site, is there any way to put “Name” and “Your E-mail” on the same line with “Subscribe” on the right side? My site is digitalnomadquest.com. Also is there the option to remove “name” if i wanted to?

[friech]

Hi Sharon,

Thank you for writing in, you can follow the same method provided here to inline the form fields.

@digitalnomadquest

Also is there the option to remove “name” if i wanted to?

Please edit your form and set the Name Field to none.

• 

Hope it helps,
Cheers!

[digitalnomadquest]

It seems to look like this when I see the home page version. Why is it not aligned? Thanks!

[jade]

Hey Sharon,

There are some CSS codes in your setup that is causing the layout difference. Please try adding this code as well:

.tco-subscribe-form {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    max-width: 100% !important;
}

.tco-subscribe-form input[type="text"], 
.tco-subscribe-form input[type="email"] {
    margin: 0 5px;
    display: block;
    clear: both;
}

.tco-subscribe-form input[type="submit"] {
    margin-top: 0;
    padding-bottom: 0.5em;
}

.tco-subscribe-form fieldset:empty {
    display: none;
}

.tco-subscribe-form fieldset {
    margin: 0 10px;
}

Kindly note that since this is a custom code that changes the default behavior/display of the theme, you will be responsible to maintain or update the code in case you require further changes or if the code stops working in future updates. If you are uncertain how to proceed, it would be best to get in touch with a developer.

Hope this helps.

[digitalnomadquest]

@Jade

.tco-subscribe-form {
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: center;
max-width: 100% !important;
}

.tco-subscribe-form input[type=“text”],
.tco-subscribe-form input[type=“email”] {
margin: 0 5px;
display: block;
clear: both;
}

.tco-subscribe-form input[type=“submit”] {
margin-top: 0;
padding-bottom: 0.5em;
}

.tco-subscribe-form fieldset:empty {
display: none;
}

.tco-subscribe-form fieldset {
margin: 0 10px;
}

Kindly note th

Hi, it’s still not looking exactly how I’d want it:

Would like the button to the right of the form fields. Can you advise? Thanks!

[jade]

Hi Sharon,

Update this line of code:

.tco-subscribe-form {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    max-width: 100% !important;
}

to

.tco-subscribe-form {
    display: flex;
    flex-direction: row;
    justify-content: center;
    max-width: 100% !important;
}

It would be best to get in touch with a developer in case you require further customization for the default view of the form as this goes beyond the scope of our support.

Hope this helps.