You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Describe the bug:
I want to create an MJML email with sections that have a background image. The images work on Gmail and in-browser mail viewers, but not on Outlook or the Microsoft Mail application. [mj-image] DOES work on all email browsers.
To Reproduce:
Steps to reproduce the behavior:
Create a file with this MJML code:
`
<mj-section>
<mj-column>
</mj-column>
</mj-section>
<mj-section background-size="cover" background-url="https://images.squarespace-cdn.com/content/v1/56bbdac627d4bd726408b6e6/c45286cc-6503-4f92-bc63-a41219cc341a/nelson_image.jpg" background-repeat="no-repeat" full-width="false">
<mj-column width="100%">
<mj-text padding-top="70px" color="white" font-size="18px" align="center" line-height="1"> WHERE KIWIS LOVE TO LIVE</mj-text>
<mj-text color="white" font-size="68px" align="center"> Nelson</mj-text>
<mj-button padding-bottom="70px" font-family="Helvetica" background-color="rgba(0,0,0,0)" border="2px solid #fff" color="white" href="https://www.english-school.ac.nz/nelson"> FIND OUT MORE </mj-button>
</mj-column>
</mj-section>
`
Follow your preferred method for rendering and sending the email - I have tried copy & pasting the rendered email into Gmail, as well as sending the HTML through putsmail. Both result in the same issue.
Send the email
Open the email with an Outlook application, or a Microsoft Mail application.
The images that should be shown in the background of [mj-section] do not appear.
Expected behavior:
The images in the background of an [mjml-section] should show on all mail browsers.
The windows 10/11 mail client isn't in our test scope (not available in email on acid). I think there's a fallback if you put a background-color but I don't remember if it's specific to mj-hero or mj-section or both.
Describe the bug:
I want to create an MJML email with sections that have a background image. The images work on Gmail and in-browser mail viewers, but not on Outlook or the Microsoft Mail application. [mj-image] DOES work on all email browsers.
To Reproduce:
Steps to reproduce the behavior:
`
Expected behavior:
The images in the background of an [mjml-section] should show on all mail browsers.
MJML environment :
Email sending environment:
Affected email clients (for rendering issues):
Screenshots:
Expected:
What it shows in Outlook:
The text was updated successfully, but these errors were encountered: