尝试使块元素在Mailchimp中相互接触

时间:2018-08-06 18:10:55

标签: block mailchimp

即使在Mailchimp设计区域中将填充设置为“ 0”,我的内容块也不会相互碰撞,但在块之间仍存在空白。我拖了过去并插入了一个代码块,但我不知道在其中添加什么以使这些项目相互联系。我添加了代码块输入区域的图片。有人可以告诉我在此区域输入什么代码吗?非常感谢。我删除了>,以便它可以在页面上呈现。很抱歉成为这样的新手。

这在代码框中。 div class =“ mcnTextContent”使用您自己的自定义HTML / div

1 个答案:

答案 0 :(得分:2)

我在Facebook feed中找到了Mailchimp的变通方法:

使用代码块构建您的部分并删除填充和间距。

将代码块拖到布局中。删除那里已经存在的代码。将下面显示的代码复制并粘贴到代码块中,保存并关闭。

<table style="max-width:100%; min-width:100%;background-color:#FF0000;" class="mcnTextContentContainer" width="100%" cellspacing="0" cellpadding="0" border="0" align="left">
  <tbody>
    <tr>
      <td class="mcnTextContent" style="padding: 10px 18px 9px; line-height: 200%;" valign="top">
        <p class="null" style="font-family: helvetica; font-weight:700; font-size: 35px;text-align:center;color:white">September 2018 Newsletter</p>
      </td>
    </tr>
   </tbody>
</table>

将另一个Code块拖到您刚刚创建的块下面的布局中。删除那里已经存在的代码。将下面显示的代码复制并粘贴到代码块中,保存并关闭。

<table class="mcnTextBlock" style="min-width:100%;" width="100%" cellspacing="0" cellpadding="0" border="0">
    <tbody class="mcnTextBlockOuter">
        <tr>
            <td class="mcnTextBlockInner" style="padding-top:0px;" valign="top">
                <!--[if mso]>
                <table align="left" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
                <tr>
                <![endif]-->
                <!--[if mso]>
                <td valign="top" width="600" style="width:600px;">
                <![endif]-->
                <table style="max-width:100%; min-width:100%; background-color:#c0c0c0" class="mcnTextContentContainer" width="100%" cellspacing="0" cellpadding="0" border="0" align="left">
                    <tbody><tr>                
                        <td class="mcnTextContent" style="padding-top:0; padding-right:18px; padding-bottom:9px; padding-left:18px;" valign="top">
            <h1 style="text-align:center">It's time to design your email.</h1>
            <p>Now that you've selected a template, you'll define the layout of your email and give your content a place to live by adding, rearranging, and deleting content blocks.</p>
            <p>By using image with caption blocks in multi-column templates, you can create a product grid that works perfectly for e-commerce.</p>
            <p>If you need a bit of inspiration, you can <a class="mc-template-link" href="http://inspiration.mailchimp.com">see what other MailChimp users are doing</a>, or <a class="mc-template-link" href="http://mailchimp.com/resources/email-design-guide/">learn about email design</a> and blaze your own trail.</p>
                        </td>
                    </tr>
                </tbody></table>
                <!--[if mso]>
                </td>
                <![endif]-->

                <!--[if mso]>
                </tr>
                </table>
                <![endif]-->
            </td>
        </tr>
    </tbody>
</table>

Original Facebook feed-点击评论以查看原始供稿