Create a Discussion

Target Outlook.com using the [owa] Element does not work

I2C Internet, S.L. (LIN3S) VAT: ESB95478129 posted 2018-11-30 12:54:52

Hi, Could it be possible that outlook.com can no longer be accessed targeting with this hack?

<style type="text/css">
    [owa] .anyclass {
      color: #26d0ae;
    }
</style>

Any solution?
Thanks

I2C Internet, S.L. (LIN3S) VAT: ESB95478129 replied 2018-12-03 09:57:14

I answer myself.

Outlook.com has changed with the latest update.

The hack still works. But if you put the hack after a media querie, outlook.com removes all the css from the media querie until the close of </ style>

Example:

This NOT WORK:

<style type="text/css">
    @media only screen and (min-width: 600px ) {
       styles...
    }
    [owa] .anyclass {
      color: #26d0ae;
    }
</style>

This WORK:

<style type="text/css">
    [owa] .anyclass {
      color: #26d0ae;
    }
   @media only screen and (min-width: 600px ) {
      styles...
   }
</style>

Reply to I2C Internet, S.L. (LIN3S) VAT: ESB95478129

Christopher DuCharme replied 2018-12-17 17:50:54

I'm still having problems with Outlook.com not rendering any styling in the [OWA] hack.

What's even stranger for me is, Outlook.com does not render the styles defined with [owa] in the preview pane, but if you double click and open the email in it's own window everything displays correctly.

I tried your example above and it did not work. I even tried placing the media queries in a second style tag below the main one, but that didn't seem to help either.

What' also maddening, is it works in one test blast, but send the HTML in a second test blast and it works only to not work again in the third test blast.

¯_(ツ)_/¯

The Litmus Community is the place for email designers and marketers to learn, grow, and educate each other about everything email.

Target Outlook.com using the [owa] Element does not work

Sign in to Community

Join the Litmus Community

Sign up to Community

Get more out of your Litmus account

Forgot password