emailmonday / Cerberus

A few simple, but solid patterns for responsive HTML email templates and newsletters. Even in Outlook and Gmail.

Home Page:https://www.cerberusemail.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Rendering Issue with Outlook 365

reallygreatstuff opened this issue · comments

First off, amazing templates! Thank you!

I edited the cerberus-responsive
cerberus-responsive Email HTML edited.txt for my company. It looks great in Gmail, but Outlook 365, not so much.

Gmail Render (looks great):
gmail render

Outlook 365 Render:
outlook 360 render

  • Background color is different
  • Footer isn't aligned
  • Buttons not fully colored

@reallygreatstuff if you test a fresh copy of the responsive template, do you see these issues?

@TedGoas Here's what the unaltered template looks like in Outlook 365:

  • outlook 365 - footer messed up

  • outlook 365 - footer messed up_2

  • Foot is to the left

  • Can't tell if the buttons are impacted because the background is black

@reallygreatstuff K here's what I can tell from these screenshots.

Background color is different
The background color needs to be updated in three locations. Have you updated all three, including this one?

Footer isn't aligned
Honestly not sure what's going on there. I can look into it, though am not sure when.

Buttons not fully colored
Button background colors also happen in multiple places, like here and here, have you updated both?

@TedGoas Had a more technical friend look at the HTML. She was able to troubleshoot/fix.
email fixed

Here's the code she used -
RNN_Email_HTML.txt