Horizontal Contact Form - update broke formatting

[TreatLightly]

Hi there,

I’ve just updated to the latest version of Pro while in the middle of a build (silly thing to do?) and I’ve noticed it’s changed the behaviour of some CSS. I was successfully using the following to align a contact form field horizontally, with all cells aligned and spaced evenly:

@media(min-width: 980px) {
    .tco-subscribe-form fieldset {
        float: left;
        margin-right: 14px;
      
    }

    .tco-subscribe-form select, .tco-subscribe-form input[type="text"], .tco-subscribe-form input[type="email"], .tco-subscribe-form input[type="submit"] {
        margin-top: 0;
        margin-bottom: 0;
      
    }
}

.tco-subscribe-form input[type="submit"] {
    margin-top: 0;
    padding-top: 7px;
  
    padding-bottom: 7px;
    border-radius: 0;
    min-width: 200px;
    text-shadow: none;
}

But since updating Pro it’s gone a little wacky:

I’ve played with the margins and padding but can’t get it to sit nicely anymore. Is there an easy fix?

Cheers!

[tristup]

Hi @TreatLightly,

Thanks for reaching out.
It seems the problem is with the custom CSS code, I would suggest you remove that code and check if that issue is resolved. If not, please let us know the URL where you are having this issue to investigate the reason behind it.
Please remember that we don’t support any issues related to the custom codes.

Thanks