How to customize campaign email (widen)

Store Design
1

Hi I am trying to send out my first campaign newsletter via email. My email is verified. I have typed up my email and need to widen the template as the content is the size of a column.

Can you help with this? Thank you. I am using the trade theme lnrchobbies.com

2

Go to Shopify Admin > Settings > Notifications, then select the email you’re editing.
Click Edit Code and find the

with a set width (usually 600px); increase it (e.g., to 700px).
Be sure to adjust all nested
elements to match the new width.
Save changes and send a test email to preview the layout.

3

Hi @Stevepie75 ,

I am from Mageplaza - Shopify solution expert.

Shopify Email uses predefined sections with limited layout control, but you can take these steps to make your email feel “wider”:

1. Use a Full-Width Section

  • In the email editor, click on a section (like text or image).
  • On the right-hand sidebar, look for the layout options.
  • Choose “Full Width” if available. Some blocks like images and buttons offer full-width options.
  • Make sure padding and margin settings are reduced if the content still looks narrow.

2. Avoid Multiple Columns

  • Use single-column layouts where possible.
  • Two-column or grid layouts can make content appear narrower.

3. Use Wider Images

  • If you’re adding images, make sure they’re at least 600px wide (standard for email).
  • Use the “Fit to width” or “Stretch” options.

If You’re Using Custom HTML
If you’re embedding HTML into the campaign:

1. Set a Wider Container
Typical email widths are 600px, but you can increase it (with caution for mobile responsiveness):


| <br>      <br>     |
| - |

2. Avoid Fixed Width for Inner Elements
Ensure that any inner elements (like divs or tables) are set to:

style="width:100%;" or width="100%"

Important Notes

  • Email clients (like Gmail, Outlook) often restrict the display width to 600px–800px max.
  • Wider emails may look bad on mobile — test with Shopify’s preview and send a test email before launching.
  • Consider using media queries for mobile responsiveness if you’re writing HTML manually.

If you’re still seeing it very narrow, feel free to share a screenshot or describe your current layout, and I can suggest exact edits!

Please let me know if it works as expected

Best regards!

4

I don’t have a layout option in the right side so I think I’m going to try the HTML customization. Do you know where that editor is?

5

Hi @Stevepie75

You can find them by going to: Admin → Settings → Notifications → Customer Notifications.