CSS Help

Implementing Navigation Controls in Image Carousels for Email

Posted in CSS Help, Digest, Kinetic Email by Justin On June 15, 2017

This article goes into the nitty gritty of using the CSS :checked selector and checkboxes to implement navigation controls for a carousel in email.

Image Map Support in Email Clients

Posted in CSS Help, Digest by Justin On May 27, 2017

There is a misconception that image maps are poorly supported among email clients. This article goes over which clients support image maps as well as some of the advantages and disadvantageous of using them in your campaigns.

How to Implement Sliding Carousel Transitions

Posted in CSS Help, Digest, Interactive Email, Interactive Email Tutorials by Justin On May 5, 2017

This article goes into the details on adding sliding transitions between images in a image carousel for email.

Yahoo Mail Android Only Supports Style Tag in Email Body

Posted in CSS Help, Digest by Justin On March 27, 2017

Although the Android and iOS versions of the Yahoo! Mail app look similar, there is a key difference between them and that is the iOS version supports <style> in both the head as well as the body of the email whereas the

Gmail Announces Support for Embedded Styles and Media Queries

Posted in CSS Help, Digest, Email Resource, letsfixemail by Justin On September 15, 2016

Today Gmail made a huge announcement that will forever change the way we code emails. Gmail will be supporting embedded styles! That means... you got it. No more inlining!

Here's Gmail's documentation on what is supported.

Read Geoff Phillips analysis on the

Gmail Supports display:none and Gmail iOS Font Fix Update

Posted in CSS Help, Email by Justin On August 31, 2016

One of my most often used hacks is the dash hack or   hack to prevent the Gmail iOS app from drastically increasing the font size for certain emails. The technique took advantage of the fact that Gmail doesn't support display:none.

CSS Fixed Positioning in Email

Posted in CSS Help, Digest by Justin On August 15, 2016

Its one of the least understood CSS styles in email and also one of the most quirky - especially when it comes to iOS. The iOS Mail toolbars will obscure fixed positioning elements set to the very edge and z-indexes don't work

Thunderbird’s Quirky Support For Checkboxes

Posted in CSS Help, Digest, Kinetic Email by Justin On August 5, 2016

Thunderbird supports checkboxes so it supports interactive email right? Well not so fast. The client behaves strangely when it comes to form elements. This article goes over what you need to know about form element support as well as ways to target

The Ultimate Email CSS Animation Guide

Posted in CSS Help, Digest, Interactive Email by Justin On July 10, 2016

Alex Ilhan dishes the dirt on CSS animations in email. Lots of juicy techniques to experiment with.

Part 1: Overview, the pros & cons and examples

Part 2: How to code animations

Outlook.com Alters Styles of Elements Next to Checkboxes

Posted in CSS Help, Interactive Email, Interactive Email Tutorials, Kinetic Email, letsfixemail by Justin On April 6, 2016

Sometime over the past two weeks, OWA - Office 365 Webmail or the new Outlook.com started introducing side effects to their processing of checkboxes in email. Styles of elements following checkboxes are either removed or styles applied to checkboxes are being appended