css - Disable text resizing of HTML mail in Outlook.com -
i'm struggling disable automatic text/font formatting outlook.com applies html e-mails.
i have tried using:
-webkit-text-size-adjust:none;-ms-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none; and then, just:
-webkit-text-size-adjust:none; as inline style on paragraph blocks unfortunately not being recognised outlook.
this particular newsletter tight in terms of layout little solid colour or spacing accommodate formatting outlook insisting on.
the full text block is:
<p style="font-family:arial, sans-serif; color:#ffffff; font-size:14px; padding-left: 10px;padding-right:10px; -webkit-text-size-adjust:none;-ms-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;">hi $$first_name$$</p> <p style="font-family:arial, sans-serif; color:#ffffff; font-size:14px; padding-left: 10px;padding-right:10px; -webkit-text-size-adjust:none;-ms-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;"> weekend off best possible start, we'd invite read incoming messages free evening.</p> <p style="font-family:arial, sans-serif; color:#ffffff; font-size:14px; padding-left: 10px;padding-right:10px; -webkit-text-size-adjust:none;-ms-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;">just log in normal between 6pm , 8pm , you'll automatically able open mail.</p> <table width="381" align="center"><tbody><tr> <td align="left"><a style="text-decoration:underline; color:#ffffff;" target="_blank" title="upgrade now" href=""><img style="display:block;" src="http://s.wldcdn.net/newsletters/uploads/assets/000/028/131/8c6cbc24743881ebc812970367245b16_original.png?1376643494" alt="" /></a></td> </tr></tbody></table> <p style="font-family:arial, sans-serif; color:#ffffff; font-size:14px; padding-left: 10px;padding-right:10px; -webkit-text-size-adjust:none;-ms-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;">see later,</p> <p style="font-family:arial, sans-serif; color:#ffffff; font-size:14px; padding-left: 10px;padding-right:10px; -webkit-text-size-adjust:none;-ms-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;">the $$site_name$$ team.</p> any appreciated.
i had similar problem, outlook itself, not online service. ended not using <p>-tags @ all. content went table cells (<td>s) instead.
Comments
Post a Comment