Submit button inline form

[stotman]

I’ve read so many posts on this and I still cannot get it to work right. I’ve put the form in the footer. The Subscribe button is offset a few pixels south. I’m pretty sure this is because it is a button and the others are type fields. I’ve tried the following.

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

@media (min-width: 768px) {
    .tco-subscribe-form fieldset {
        display: inline-block;
        width: 30%;
        float: left;
      	margin-right:10px !important;
      	vertical-align: top;
      
    }
}

It makes it inline, but that pesky button just won’t budge.

I could use some help.

[ruenel]

Hello @stotman,

Thanks for writing in!

The custom CSS is loaded first before the the styling of the form. To force override using your code, add !important in your code:

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

@media (min-width: 768px) {
    .tco-subscribe-form fieldset {
        display: inline-block;
        width: 30%;
        float: left;
      	margin-right:10px !important;
      	vertical-align: top;
      
    }
}

The code above will make sure that the submit button will be aligned with the other fields.

The code above serves as an example code. Feel free to modify it when needed. Please note that custom coding is beyond the scope of our support. You will have to maintain any custom coding to make sure that it will still work after any updates or does not create any issues or incompatibility in the future.

Best Regards.