question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

style tag breaks convertkit

See original GitHub issue

Describe the bug The default MJML output creates a style tag in the head. This creates a problem for anyone like me who uses Convertkit to send emails. Like many email sending platforms, they don’t support style tags, only inline styles.

To Reproduce Steps to reproduce the behavior:

  1. Create a file with this MJML code:
 <mj-body background-color="#ffffff" width="100%">
   <mj-section>
     <mj-column>

       <mj-text>
         testing MJML output
       </mj-text>

     </mj-column>
   </mj-section>

 </mj-body>
</mjml>
  1. Render it to HTML by using the Copy HTML command in VS Code
  2. Save the HTML output in Convertkit
  3. See style tag as text

Expected behavior No styles at all in the head.

MJML environment (please complete the following information):

Email sending environment(for rendering issues): Convertkit

Affected email clients (for rendering issues): all

Screenshots MJML’s styles get rendered in the email: image

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:10 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
geddskicommented, Jan 17, 2019

ConvertKit has given me access to their new editor beta, and so far it seems compatible with MJML. I’ll keep anyone here interested up to date.

0reactions
geddskicommented, Jan 28, 2020

@harrydry2 yes it works now with Convertkit’s new editor, currently in beta.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Our email designer helps you write simple, beautiful emails
Start sending simple, beautiful emails and email templates that get your audience's attention with ConvertKit's email designer.
Read more >
Style the clean embed form with CSS in ConvertKit ... - YouTube
How to style the clean embedded ConvertKit form with CSS when you want to modify the margins or padding and alignment.
Read more >
How to create a ConvertKit Email TEMPLATE with HTML and ...
In this tutorial I walk you through creating a simple ConvertKit HTML and CSS template for your emails. ConvertKit doesn't have a ...
Read more >
Creating and Using Buttons in ConvertKit Emails
Paste that code anywhere in your template between the beginning style tag creating and using buttons in ConvertKit emails and the ending ......
Read more >
10 things you need to know about ConvertKit's new form builder
All existing ConvertKit forms and landing pages will continue to ... The ability to add in custom fields and tag checkboxes/dropdowns is ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found