Outlook Conditional Not Applying to 2007 and 2010

Hi Guys

We're using:

<style>
h2 {
        font-size: 39px;
        line-height: 40px;
        color: #ffffff;
        font-weight: normal;
        margin: 0;
    }
</style>

<!--[if gte mso 12]>
<style>
h2 {
        font-size: 37px !important;
        line-height: 37px !important;
        color: #ffffff !important;
        font-weight: normal !important;
    }
</style>
<![endif]-->

And for what ever reason Outlook is not applying these conditional styles. Does anyone have any other tricks that we might want to try?

Thanks.

Redferret, 2 years ago

Heres a little something I discovered that I haven't seen anywhere else

<!--[if (mso)|(IE)]>
<![endif]-->

This covers any Outlook, whether it's mso (2007, 2010, 2013) or ie (2003).


Gmail app apologist
wilbertheinen wilbertheinen, 2 years ago

More info about conditional comments: http://templates.mailchimp.com/development/css/outlook-conditional-css/

Could it be that the cause of your problem is that you're using odd values for line-height and font-size? I remember that outlook only supports even values for font-size and line-height.


Create a Clang!

200,000 companies around the world can't be wrong.

From Australia to Zimbabwe, and everywhere in between, companies count on 
Campaign Monitor for email campaigns that drive real business results.

Get started for free
1-888-533-8098