Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trial
jose castillo
Courses Plus Student 32 PointsEMAIL HTML WON'T RENDER ON OUTLOOK ONLINE
I am using Sendy to display my email html newsletter but it’s not displaying properly on outlook, the background colours, background images and opacity are not rendering. This is outlook online, in other words from the browser (Chrome) any way to fix this? It renders perfectly if seen from the outlook software. Any fixes? I would appreciate it.
5 Answers
Martin Zarate
10,723 PointsYou are correct, Outlook does not play well with any of the styles or tags you mention. Here is an article listing the most well-known shortcoming of Outlook, also, note that the desktop and the browser email rendering software are 2 completely different platforms, so it is expected that they will behave differently:
https://www.outlook-apps.com/html-ignored-by-outlook/
Cheers.
jose castillo
Courses Plus Student 32 PointsYes, I read it doesn't render background-img and my html email newsletter has the tag background-img so is there any way to fix this so it does render it or i'm out of luck here?
Martin Zarate
10,723 PointsIf you search the web, you may find some obscure ways around some of these issues, however, you will find that these fixes do not work on all versions of Outlook. If possible, the best approach will be to change the layout of style it differently, I understand that many times this is not an option, in my previous job, we compromised and created emails that display great in most common email engines (Gmail, Apple), leaving Outlook with some less fancy but still functional emails. Cheers.
jose castillo
Courses Plus Student 32 PointsYes you're absolutely right and that's what I had to do. I have some opacity on my background image so instead i just gave the image a tint with photoshop lol. Question thought, as you said leave Outlook with some less fancy styles, is there a way to do that? Like special styles and html structure just for outlook.
Martin Zarate
10,723 PointsEach situation will be a little different, the best thing you can do is Google search the specific issue you are facing, here is a link with some tips and tricks: https://www.emailonacid.com/blog/article/email-development/best-email-development-tricks-and-hacks
jose castillo
Courses Plus Student 32 PointsThank you Martin, I'll definitely read it through hopefully I'll be able to fix this problem. I appreciate it.
jose castillo
Courses Plus Student 32 PointsSome clients like yahoo, and Gmail ignore media query, do they have a special media query of their own that I can use so they can render responsively?