将样式应用于Zurb电子邮件基础中的列

问题描述 投票:0回答:1

我希望有人可以指出我在使用Sass版本时如何在Zurb Foundation for Emails 2中更改列的背景颜色方向。有没有办法设置列或行的背景颜色?我尝试了多种方法,但由于某种原因,无法将样式应用于列或行。身体,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>
zurb-foundation zurb-foundation-6
1个回答
0
投票

我去年在电子邮件营销工作,我知道一些事情,你不能在电子邮件样式中添加任何风格的CSS。所以我认为你可以在你的div上添加内嵌背景颜色,如下所示:

<div class="row" style="backgound:red;"></div>
© www.soinside.com 2019 - 2024. All rights reserved.