Disable CSS pre-processing

What’s CSS pre-processing?

By default, before emails leave Customer.io, we pre-process their CSS styles with Premailer to improve rendering. Before sending, Premailer:

  • Converts CSS styles to inline attributes
  • Converts relative paths to absolute paths
  • Checks CSS properties against email client capabilities

You can find more details on Premailer’s website, as well as on the Github repository.

Why disable it?

If you’re using a custom email template which already has been pre-processed, running it through Premailer may cause some layout bugs. This most frequently happens with responsive email templates on mobile devices.

Disabling CSS pre-processing means that your CSS will stay exactly as specified in your template, avoiding these problems.

How to

First, you’ll need to switch to the code editor in your email composer:

image.png
image.png

Then, you’ll see the option to disable CSS pre-processing:

image.png
image.png

Once that box is checked, your email will be sent as created in the code editor — no CSS pre-processing!


Important Notes

Because this is an advanced feature, disabling CSS pre-processing is only available in the code editor within the composer. Once you exit the code viewer and enter the Rich Text editor, pre-processing will be enabled again:

image.png
image.png

If you have any questions about this, please let us know!

Copied to clipboard!
  Contents
Is this page helpful?