CODEWITHSUNDEEP
htmlcssemailoutlookhtml-email
tallgirltaadaa
tallgirltaadaa

Reputation: 1834

Can get any OUTLOOK conditionals to work at all - HTML email

My OUTLOOK conditionals are not working. The only one that works is the table width. but, I can't style anything else.

Below is my email HTML that I am trying to get it work. I can not figure it out?

    https://gist.github.com/castledoor/05c48bca2db5a67e649f20c95d8d25a6

Upvotes: 0

Views: 544

Answers (2)

gj-wes
gj-wes

Reputation: 932

Firstly, dislay:none has only partial support in Outlook, so can't be relied on. You're better off hiding content from it using <!--[if !mso]><!-- --> [hidden stuff here] <!--<![endif]-->

Outlook also has terrible support for div tags. So i'd recommend removing them from the desktop version and applying your classes to the td instead. Then you probably won't need the conditional table on line 415.

Upvotes: 0

gwally
gwally

Reputation: 3557

I could only find one Outlook conditional statement. I wrapped it in a style tag and it seems to display better in Litmus for Outlook 2013, 2016, Windows Mail 10.

<!--[if (gte mso 9)|(IE)]>
<STYLE type=text/css>
  .logo_block {
    display: none !important;
  }
</STYLE>
<![endif]-->

Say hi to Vinny for me.

Good luck.

Upvotes: 2

Related Questions