Применение стиля к столбцам в Zurb Email Foundations - PullRequest
Новая
       22

Применение стиля к столбцам в Zurb Email Foundations

0 голосов
/ 25 апреля 2019

Я надеюсь, что кто-то может указать мне правильное направление, как изменить цвет фона столбца в Zurb Foundation для электронной почты 2 при использовании версии Sass.Есть ли способ установить цвет фона для столбца или строки?Я пробовал несколько вещей, но по какой-то причине не могу применить стиль к столбцам или строке.тело, html, 

        h4.topline {
      text-align: center;
      color: rgb(0, 255, 85);
      background: red;
    }
    p.value {
      text-align: center;
      color:indigo;
      font-weight: bold;
      background: greenyellow
    }
    div.test{
        background: greenyellow
    }
    .columns.descr {
      text-align: center;
      color: gainsboro;
      font-weight: bold
    }
    .row.test{
        border-width: thick;
        border-color: aqua

    }
    </style>

<container class="body-notify">
                <row>
                    <columns small="12" large="12" >
                        <spacer size="10"></spacer>
                        <h4 class="topline">Information</h4>
                    </columns>
                </row>
                <row>
                    <div class="test">
                    <columns class="descr" small="12" large="6">Description 1</columns>
                    </div>
                    <columns small="12" large="6"><p class="value">Value 1</p></columns>
                </row>
                <row>
                    <columns small="12" large="6">Description 1</columns>
                    <columns small="12" large="6"><p class="value">Value 2</p></columns>
                  </row>
        </container>

1 Ответ

0 голосов
/ 30 апреля 2019

Я работаю в прошлом году над почтовым маркетингом и знаю кое-что, вы не можете добавить какой-либо стиль CSS в стили электронной почты.так что я думаю, что вы можете добавить фоновый цвет на свой div следующим образом: 

<div class="row" style="backgound:red;"></div>
...