Editing Common email display issues with Outlook (section)

== Step-by-Step Instructions ==

Here are the prevalent display issues in Outlook and step-by-step instructions on how to address them:

=== Margins Do Not Display ===
- All versions of Outlook, except for Outlook.com, and Gmail do not support margins.
- **Solution**: Use the '''spacer''' content block to create space. You can also apply '''padding''' around your content blocks, which is supported across all versions of Outlook and most email service providers.

=== Line Height is Not Consistently Supported ===
- Outlook versions from 2007 to Office 365 have inconsistent support for line height.
- **Solution**: When creating emails from scratch, specify both percentage (e.g., 140%) and whole number (e.g., 4) values for line height. If using the drag-and-drop email designer, this is automatically configured.

=== Images Appear Distorted ===
- Images larger than 1000 pixels will not scale down correctly in Outlook, causing distortion.
- **Solution**: Ensure images are within the range of 400 to 650 pixels wide to maintain proper display.

=== GIFs Appear as Flat Images ===
- Outlook 2007, 2010, and 2013 do not display GIF animations.
- **Solution**: Make sure that any critical information, such as offers, headlines, or calls-to-action, is present in the first frame of the GIF.

=== Duplicated Buttons ===
- When emails are forwarded, buttons may appear duplicated due to how Outlook processes buttons.
- **Solution**: As a workaround, consider using an image of the button that can be hyperlinked, rather than using a text or code-based button.

=== Buttons in Outlook ===
- In the new '''Email Designer''' launched in 2022, there is a "Support of Outlook" button that aids in the proper display of buttons in Outlook.
- This feature is automatically toggled "On," enhancing the rendering of buttons.

=== Background Image Does Not Display ===
- Background images may not appear in some email clients, including various Outlook versions.
- **Solution**: Always provide a fallback color in your design. Use the '''Global Settings''' tab in the Email Designer to specify a background color in addition to your background image.

=== Classic Designer Text Alignment ===
- Outlook does not support justified text alignment, and this cannot be remedied.
- **Recommendation**: Avoid using justified alignment; use left or right alignment instead.

=== Broken Text in Buttons ===
- Misaligned text in buttons can be caused by rendering issues.
- **Solution**: Increase the padding for buttons to be greater than the font size. If issues persist, revert to using an image as a button.

=== Buttons Display Incorrect Font ===
- Incorrect fonts may render in Outlook and default to Times New Roman due to formatting spaces.
- **Solution**: Remove any leading or trailing spaces in your button text. If this fails, create and use an image of the button.

=== Links Are Not Clickable ===
- In some instances, links near images may not be clickable in earlier versions of Outlook.
- **Solution**: Avoid placing images within a text block; use dedicated image blocks to ensure links remain clickable.