Article

Troubleshooting: Why is my email stretched?

« Go Back

Information

 
Full Story

You've Added Content to your email and everything appears to be going smoothly until you press the preview button and suddenly things look off-centre.
User-added image
Your masthead, or banner image might look aligned left when you wanted it to be centred or it might appear to be too narrow; not stretching the whole length of the email. The problem is rarely with the masthead image itself but somewhere else in your email. Please read through our troubleshooting guide to help fix the most common causes of this issue.

  1. Check the size of your email template
  2. Check for images larger than your template width
  3. Check for tables
  4. Check for long URLs
  5. Check for long words in your article titles and summary
  6. Check your Full Story

If issues still persist after reviewing the checklist, please see "My email still doesn't look right"

 

Check the size of your email template

Select the pencil and paper edit icon of your masthead image.
User-added image
Make sure that the box for Fit to template is checked. Leaving it unchecked can lead to email distortion or stretching.
User-added image
Make note of Recommended width; this is the width of your email template, so you should ensure that no images (outside of Placeholders, which are automatically resized to fit your template) are larger than your template width.

 

Check for images larger than your template width

The most common cause of this issue is images inserted directly into the Summary Content Editor
User-added image
User-added image
The safest way to insert an image into your summary is to use Placeholders.
User-added image
Placeholders automatically resize to fit your template whereas images added via the Content Editor may break the formatting of your email if they are larger than your template width. 

If you must use images outside of placeholders in your summary, make sure that they are less than your template width whilst leaving enough room for padding (at least 20px on each side of the image). You can Resize an Image within Poppulo by Using the Image Editor

Note: If you are working with 2 or 3 column layouts, the image size will have to be divided by 2 or 3 respectively, with room for padding. For example, an email template width of 600 px could accommodate a 2 column article with summary images of 240px each without leading to stretching. 

 

Check for tables

If you have used a Table in your summary content, make sure that the width of the table is set to 100%. Anything larger than 100%, or wider in pixel width than your email template, may stretch the email.
User-added image

 

Check for long URLs

Long URLs can often be the culprit to template stretching.
User-added image
The easiest and safest way to include a link to a long URL is to Create a Hyperlink.
User-added image
User-added image
Alternatively, choose a shortened version of your URL if one is available, or use a URL shortener tool.

 

Check for long words in your article titles and summary

Particularly in relation to 2 and 3 column articles layouts; the available width of these layouts is limited, so occasionally a long word in the title or summary can stretch the email template. 

 

Check your Full Story

Content in the Full Story won't cause stretching on the front page, but it can cause stretching in the back page/article page of your email. If you notice any stretching of your email outside of the front page, please consult the above steps in regards to the Full Story section of your articles.

 

My email still doesn't look right

If you have checked for all of the above and there are still stretching issues with your email, please contact support@poppulo.com
 

Was this article helpful?

   

Feedback

Please tell us how we can make this article more useful.

Characters Remaining: 255

 

Contact Support

Don't see what you're looking for?
Contact our support team who will be happy to answer your query.

Contact Us