Anchors don’t work on mobile devices when placed inside of an email body

Large ship's mooring anchor with broken chain on the ground

Challenge
I was asked to design a template that was using anchors. The body of the email was very long and had a table of contents followed by many articles. The idea was to utilize anchors to jump from a link in the table of contents directly to the related article.

Continue reading “Anchors don’t work on mobile devices when placed inside of an email body”

Creating email templates is….

Flat design of creative office workspace, workplace of a designer. Vector illustration. It is created in the CorelDraw program. It is edited in the Adobe Illustrator program. It is kept in illustrator eps version 8.

Creating templates for emails can be tricky at times. All templates for emails have to follow certain rules in order to render correctly on major email clients, many of which are still very stubborn and don’t adapt well to new code generation.  Outlook 7 & 10, Gmail and Yahoo! keep stripping down certain  HTML/CSS elements and create unexpected results. When designing for email, keep in mind the following:

Continue reading “Creating email templates is….”

How to keep visited links from changing color to the default color (blue) in Outlook 10

Workflow of website template development on widescreen computer monitor. Slim wireless keyboard and mouse near it. Content on display: Web browser, CSS editor and FTP software.

Challenge
I had to create a template that had a Call to Action text link. The link had to keep its original color after being clicked on and not to change it to the system’s default blue. The reason for maintaining the original color was that Outlook’s default blue clashed horribly with the designer’s page colors.

Continue reading “How to keep visited links from changing color to the default color (blue) in Outlook 10”