CSS inlining
Design Studio New UpdatedIn 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
.