Quantcast
Channel: Active questions tagged email - Stack Overflow
Viewing all articles
Browse latest Browse all 30068

How to clear Outlook-specific styles?

$
0
0

Have added a drop shadow to my h2 tags using the following styles:

h2{
 text-shadow: 1px 1px #000;
 /*and for Outlook...*/
 mso-effects-shadow-color: #000000;
 mso-effects-shadow-alpha: 70%;
 mso-effects-shadow-dpiradius: 4.0pt;
 mso-effects-shadow-dpidistance: 3.0pt;
 mso-effects-shadow-angledirection: 2700000;
 mso-effects-shadow-pctsx: 100%;
 mso-effects-shadow-pctsy: 100%;
}

as detailed in this article: https://cm.engineering/fixing-bugs-with-outlook-specific-css-f4b8ae5be4f4

But I want to remove it on certain h2 tags.

How do I clear out the Outlook mso-effects styles?

I thought the following would work:

#myClass h2{
 text-shadow:none;
 /*and for Outlook...*/
 mso-effects-shadow-color: #000000;
 mso-effects-shadow-alpha: 0%;
 mso-effects-shadow-dpiradius: 0.0pt;
 mso-effects-shadow-dpidistance: 0.0pt;
 mso-effects-shadow-angledirection: 2700000;
 mso-effects-shadow-pctsx: 0%;
 mso-effects-shadow-pctsy: 0%;
}

But Outlook still shows a distinct haze behind the text. (Of course, text-shadow:none; works fine in every other email client.)

I also tried setting them all to "none" but that didn't work either. Am using MailChimp to send out my emails, if that's a factor.


Viewing all articles
Browse latest Browse all 30068

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>