/

Fixing MailerLite embeded form layout issues

If you have a MailerLite embeded form on your Carrd site with alignment issues, this is a fix.

If you have a MailerLite embeded form on your Carrd site, you may at some point experience alignment issues with it that you can’t find a fix for.
This is what one of ours looked like recently, even though it was set to stack (not columns) in MailerLite:
notion image
 
Carrd’s helpful Support gave us a solution, using CSS:
  • Add another Embed element*
  • Set the Type to Code, and the Style to Hidden and Head
  • Then add the following code into it:
    • <style>
      .ml-block-form { display: block!important; }
      </style>
      * We find it best to add these to the bottom of the page when they’re for code, out of the way
  • Then save and publish as usual.
If you test your page now you should find the form is fixed. This is how ours looked after the fix:
notion image