https://i.sstatic.net/e34kS.pngWhen creating emails using a Drag & Drop editor in a CRM (Dynamics 365 with ClickDimensions), I encountered an issue with the logo not displaying correctly in Outlook desktop. Despite using inline styling, the logo appeared full-sized and out of place. Even when adjusting the image width inline, it still didn't display as intended.
Attempting to address this problem, I came across a conditional code snippet that was supposed to help, but unfortunately, it did not resolve the issue.
<div style="box-sizing: border-box; white-space: normal;font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:1.42857143; word-wrap: break-word !important; white-space: normal; padding-top: 20px; padding-bottom: 20px; padding-left: 20px; padding-right: 20px;">
<!--[if (gte mso 9)|(IE)]>
<style>
#logo {
max-width: 130px !important;
padding-left: 40px !important;
}
</style>
<![endif]-->
<a href="https://www.southuniversity.edu/"><img id="logo" src="https://s3.amazonaws.com/dceh-marketing/SU/Logos/Systemwide/PNGs/South_Estab1899_CMYK.png" alt="South University Logo" style="max-width:130px; display:block; margin:auto;"></a>
</div>
Due to limitations in the HTML editor, I am unable to include any code outside of the provided box. Any suggestions on how to fix the logo display issue in Outlook would be greatly appreciated. Thank you!