mjml выровнять mj-обертку background-position вправо - PullRequest
Новая
       138

mjml выровнять mj-обертку background-position вправо

0 голосов
/ 06 апреля 2020

Я безуспешно пытаюсь выровнять положение фона для mj-обертки вправо, но я не знаю, как это сделать.

Вот мой код: 

<mj-wrapper mj-class="hero" border="1px solid #000000" padding="50px 30px" background-url="https://i.picsum.photos/id/873/214/135.jpg" background-repeat="no-repeat">
  <mj-section border-top="1px solid #aaaaaa" border-left="1px solid #aaaaaa" border-right="1px solid #aaaaaa" padding="20px">
    <mj-column>
      <mj-text color="#009f82" font-size="17px" font-weight="bold" padding="20px 0 40px 0">
          Lorem Ipsum,
      </mj-text>
      <mj-text>
          Lorem Ipsum 2
      </mj-text>
    <mj-text>
          Lorem Ipsum 3
      </mj-text>
    </mj-column>
  </mj-section>
  <mj-section border-left="1px solid #aaaaaa" border-right="1px solid #aaaaaa" padding="20px" border-bottom="1px solid #aaaaaa">
    <mj-column border="1px solid #dddddd">
      <mj-text css-class="hero-style" padding="20px"> First line of text !! </mj-text>
      <mj-divider border-width="1px" border-style="dashed" border-color="lightgrey" padding="0 20px" />
      <mj-text padding="20px"> Second line of text </mj-text>
    </mj-column>
  </mj-section>
</mj-wrapper>

Я пробовал с: 

<mj-class name="hero" text-align="right" text-align="right" background-color="yellow" background-position="top right" />

И с: 

    </mj-attributes>
<mj-style inline="inline">
    .hero-style {
        text-align: right;
        background-color: red;
        color: red;
        background-position: top right;
    }
</mj-style>

Но это не работает. Любая помощь?

...