Fixing an email with messed up formatting

Modified on Fri, 27 May, 2022 at 10:44 AM

When using the email editor, tables and other elements can be set to fixed widths. This can cause emails to render poorly on smaller screens. You should always preview your emails after making changes to the template to ensure it looks the way you want. 

Avoid using tables and other elements that create fixed widths. Remember that emails need to resize based on the users screen.

If you are using the Advanced Tools that help center and fit emails, a table will be created for you. It is best not to mess with this table and allow it to operate exactly as it was created. If you drag any of the table borders around the table will become a fixed with because it assumes you want to specify the exact width. If this happens here are the steps to clean it up.

  • Go into source code and remove all settings of "width". The only exception is for an image.
  • Ensure the first line in the code in the mail is:
    <table id="twp-max-width-container" border="0" width="100%" cellspacing="0">
  • Click on the "Advanced Settings" button and enter in the max width that you want
  • Click the "Set Max Width Button"
  • Resize window to ensure it looks good (always do this when editing a template)

Alternatively, if the layout of your email is very misaligned, it may be easier to remove all tables and start fresh. You can easily do this by:

  • Highlight all of the content of your email from within the main table cell
  • Cut the content
  • Past the content at the bottom of the email so that you only have an empty table remaining at the top and your content at the bottom.
  • Remove the table that was causing the problem. Y

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article