Skip to content

CSS inlining

CSS inlining is a form of email preprocessing that moves styles in a CSS style sheet into the body of an HTML email. The term “inlining” refers to the fact that styles are applied “inline” to individual HTML elements.

For some email clients, CSS inlining can improve the way that emails render and help ensure that your emails look the way you expect.

Using CSS inlining

You can control whether CSS inlining is turned on or off for any email message through a checkbox in the Sending Info tab of the HTML Composer, and the Advanced tab of the Drag & Drop Editor.

HTML Composer Drag & Drop Editor
Checkbox to manage CSS inlining in HTML composer. Toggle to manage CSS inlining in Drag & Drop Editor.

Additionally, you can set a default on or off state globally from Manage Settings > Email Settings > Inline CSS. This setting ensures that all new email messages start with the desired default value. Note that changing this setting will not affect any of your existing email messages. You can also override this default at any time while composing email messages.

Inline CSS on new emails by default option located in email settings.

WAS THIS PAGE HELPFUL?
New Stuff!