Creating Linear Email Opt-in form

[bcoplin]

Hello, I am out of my league on this one. Can you help me create the email optin form to look like the image attached. Thank you in advance for your help.

[ruenel]

Hello @bcoplin,

Thanks for writing in!

To resolve your issue, please check out this thread:

• https://theme.co/apex/forum/t/pro-email-forms-inline/30168/4

I initially edited your footer and the email to get your started. If you want to style the button, please go to Pro > Theme Options > Buttons.

And for more details how you can style the Email Form, please check this out:

• https://theme.co/docs/email-forms

[bcoplin]

This is great. Thank you for the help. A few things I cant figure out is how can I center the actual form, currently it is showing up left justified, although I have everything set to centered. The second thing is making the name and email boxes square rather than rounded. I read through both the articles you sent over and neither seem to touch on those two items. Thanks again for all your help!

[ruenel]

Hello @bcoplin,

I had to update the css and use this instead:

.myform .tco-subscribe-form {
   width:100%;
}

.myform .tco-subscribe-form fieldset {
    min-width: 0;  
    display: inline-block;
    vertical-align:middle;
    width: 32.3%;
  	margin-right: 1% !important;
}

.myform .tco-subscribe-form fieldset:last-of-type,
.myform .tco-subscribe-form fieldset:last-child{
  	margin-right: 0; margin-bottom:0; margin-right:0 !important; margin-left:0;
}

.myform .tco-subscribe-form #tco_subscribe_form_first_name, .tco-subscribe-form input[type="text"], .tco-subscribe-form input[type="email"] {
   margin-bottom:0; margin-right:0; margin-left:0;
   border-radius: 0
}

.myform .tco-subscribe-form input[type="submit"] {
   margin-top:0; margin-bottom:0; margin-right:0; margin-left:0;
}

Just to manage your expectations, this isn’t specifically a theme issue, but rather, your customisation of it. So whilst I have happily provided you with some guidance above on how to get it working, we cannot provide theme customisation as a general rule, or support custom code solutions provided. Therefore, you might find it helpful to check out the following:

https://www.w3schools.com/cssref/css_selectors.asp
https://www.youtube.com/watch?v=GMk7ZLuo6Po

Please check your footer now.