Best solution to fix image rendering issue in MSO Outlook?

Question

Hello Community,

I have added code that appears to have fixed an issue with images appearing cut off or not appearing at all in my desktop MSO 365 Outlook inbox (Version 2201 Build 16.0.14827.20186).

As you can see, the images have been uploaded in a RTE that is contained in a Module:

The fix I applied was to add the following code to the <head> section:

<!--[if mso]>
<style>
td, th {
line-height: 0px !important;
}
</style>
<![endif]-->

The images are now rendering perfectly:

My question is whether there's any chance the code I added to the <head> section could adversely impact anything in the template. I don't believe it would, but I just want to be sure.

Thanks for your help!

LK

SanfordWhiteman · Accepted Answer

You can add classes — that’s a better move when you know something works in a <style> to begin with.

SanfordWhiteman · Answer

Well, it’ll apply to all table columns and table headers anywhere in the email — only under Outlook, of course, but throughout the entire email. Impossible to say if that’ll break anything, since there’s a chance some other elements don’t expect this style.

Sign up

Login with SSO

Login to the community

Login with SSO