Table of Contents

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:

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:

We hope you liked this tutorial. Check out other Carrd tips & tricks.