Loading…

CSS inlining

Design Studio New Updated

In the code editor, use the CSS inlining transformer to convert embedded CSS into inline CSS. This can help improve page loading times and tells browsers to treat your styles as the most important.

 This article applies to Design Studio

We are currently piloting Design Studio, our new email design system, and making some information available to customers. If you don’t have access to Design Studio, please continue to use our other email editors.

Click Transformrs > CSS Inlining then turn on Inline CSS.

Once enabled, you can customize what styling should be converted or preserved. The state of those toggles will be saved if you deactivate and later reactivate the transformer.

 We do not convert <style> tags with data-embed or data-ignore-inlining.

Copied to clipboard!
  Contents
Is this page helpful?