How do I use a custom stylesheet with my email design?

External style sheets provide a method for adding CSS styles into your email design for mobile purposes. This allows you to define global styles in an external sheet that apply to your whole design.  We made these available for designers who are well versed in using CSS and want to code their own Responsive Design. 

How-To

Upload a Stylesheet to your account

1. Click Assets
2. Click Stylesheet (on left menu)
3. Click "Upload Stylesheet" button
4. Click "Browse" to locate .css file from your computer

Apply Stylesheet to an email template

1. Go to Assets
2. Hover over template file name > click Edit to open it
3. Click the "Style" tab
4. Scroll to locate Stylesheet option
5. Select the uploaded Stylesheet from the left
6. Use the arrow to move it to the right
7. Click Save

Apply Stylesheet to a campaign

1. Go to Campaigns
2. Hover over listed campaign name > click Edit to open it
3. Navigate to Design step
4. Click on "Style" tab
5. Scroll to locate Stylesheet section
6. Select the uploaded Stylesheet from the left
7. Use the arrow to move it to the right
8. Click Save

Notes

1. If you choose to code your own stylesheet to be used in your email, we highly recommend testing.
2. Stylesheets are only applicable to mobile design.
3. We have an Email Rendering integration built-in to both editors for ease.  Contact your Client Success Manager for more information.