Cell Alignment Mailchimp

[Deesign]

Hi there,

Struggling with the center alignment of a cell with the raw element and the email form code to add a mailchimp signup form in our first ever Pro footer. In the Pro preview the email address field and blue go button align centered under the headline but on the front end it does not display the same way.

I’ve tried every setting I can think of, plus css to have the preview and front end match but can’t seem to get this element to center in the cell properly - a little help please.

Thank you,
Dee

[tristup]

Hi Dee,

Thanks for reaching out.
It seems that the custom CSS code is the reason behind your issue. I would request you to remove the custom CSS code from Theme Options > CSS and check if that issue resolves.

Please remember that we don’t offer any support or investigation related to the custom codes.

Thanks

[Deesign]

Thank you @tristup

When I remove that css then I loose the horizontal alignment of the email and go button.
The hope was to have these both on a single line and centered in the cell as well.
Is there a better way?

[friech]

Hi Dee,

Adding the Custom CSS below to the Cell’s Element CSS containing the form should do the trick

$el form.tco-subscribe-form  {
   display: flex;
}

A Complete Guide to Flexbox

Hope it helps,
Cheers!

[Deesign]

Ahhhhhmazing!
Thank you @friech - diving into the links and training too.

Thanks again,
Dee

[friech]

You’re most welcome,

Cheers!