How to specifically/conditionally target Yahoo and AOL within HTML emails for client specific fixes?

1.7k Views Asked by Dalton At 05 April 2025 at 03:44

That code should be targeting any Outlook clients that came before '15' and Outlook.com but it doesn't seem to work that well.

<!--[if (lte mso 15)|(office365) ]>
<style type="text/css">
.client-fix{ 
  display: none!important;
}
</style>
<![endif]-->

Anyways what I really need to do be able to target Yahoo and AOL but so far I haven't found any reliable information on how to do so.

Please help

Original Q&A

There are 2 best solutions below

Nathan On 31 March 2020 at 01:40

As of 2020, with Yahoo having recently updated their codebase, a new way of targetting AOL & Yahoo together has come about, the trick being to have an uncommon unicode element as the ID so that Yahoo will not filter it out:

<html>
<body>
<!-- START force fallback on Yahoo/AOL -->
<style>
    .& #√ .yahooAOLhide {display: none !important;}
    .& #√ .yahooAOLshow {display: block !important;}
</style>
<!-- END force fallback on Yahoo/AOL -->
<table id="√"><tr><td>  
<div class="yahooAOLhide">
    @@@@@@@@
</div>
<div class="yahooAOLshow" style="display: none;mso-hide:all;">
    YAHOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO!
</div>
</td></tr></table>
</body>
</html>

brando On 27 August 2016 at 22:33

I've seen some yahoo solutions online, but I haven't gotten them to work. I was able to target AOL by applying a class and selecting it with the following code:

.aolReplacedBody .bullet {
        styles here
    }

How to specifically/conditionally target Yahoo and AOL within HTML emails for client specific fixes?

There are 2 best solutions below

Related Questions in CSS

Related Questions in CONDITIONAL-STATEMENTS

Related Questions in HTML-EMAIL

Related Questions in YAHOO

Related Questions in AOL

Trending Questions

Popular # Hahtags

Popular Questions