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.