-2

Is it possible to create a text shadow in mjml? I would like the shadow to work with as many email clients as possible.

Roman Pokrovskij
  • 9,449
  • 21
  • 87
  • 142
oobarbazanoo
  • 397
  • 1
  • 5
  • 15
  • What have you tried? Have you researched this for plain html/css? Please show some efforts of yours. – YakovL Dec 28 '18 at 20:07

2 Answers2

1

Here is a comprehensive list of text-shadow support in email clients: Campaign Monitor - text-shadow support in email. Here is a link to the main CSS support page: Campaign Monitor - CSS support in email. Hope this helps.

Mike Hermary
  • 346
  • 7
  • 22
1

mj-text takes plain HTML so you can add a text-shadow like you would in plain HTML (see live here).

<mjml>
  <mj-body>
    <mj-section>
      <mj-column>
        <mj-text font-size="20px" font-family="helvetica">
          <p style="text-shadow: 1px 1px #ff0000;">Hello world</p>
        </mj-text>
      </mj-column>
    </mj-section>
  </mj-body>
</mjml>

Like highlighted in another answer, note that text-shadow is not well supported across email clients.

Nicolas Garnier
  • 370
  • 1
  • 10