boxed frame

[zegenrijk]

Hi,

When we sent a Newsletter, the frame of the newsletter is full-width. What we want is a boxed frame version. How is it possible to do that in the Newsletter plugin? See image:

Regards Michel

[Stefano]

Sorry there is not an attached image…

[zegenrijk]

Hello,

I hope now it’s attached:

Let me ask it on a different way: When i use the responsive drag and drop newsletter template there is a problem. When i send the newsletter and i look at it on my desktop the newsletter is not boxed. For Ipad and phone it looks good, but not for desktop. It is boxed in the preview modus in the newsletter plugin/CMS, but not when you send it for real. How can we solve this problem?

Regards Michel

[resmedia]

Hello,

I’m not sure if I understand it right: You want the Content of the Newsletter (made with the builder) to be 800px wide and in the center of the viewport of every mail client?
We did that this way:
1. We made a copy of the block ‘content-03-text.block.php’ and named it ‘content-08-text-left.block.php’

2. Made the code look like this:

<!– ONE COLUMN SECTION –>
<!–[if mso]>
<center>
<table><tr><td width=”800″>
<![endif]–>
<div style=”max-width:800px; margin:0 auto;”>
<table align=”center” style=”width: 100%; max-width: 800px;” border=”0″ cellpadding=”0″ cellspacing=”0″ width=”100%” class=”tnpc-row” data-id=”content-03″>
<tr>
<td bgcolor=”#ffffff” align=”center” style=”padding: 20px 15px 20px 15px; font-family: Helvetica, Arial, sans-serif;” class=”section-padding edit-block”>
<table border=”0″ cellpadding=”0″ cellspacing=”0″ class=”responsive-table” style=”width: 100%; max-width: 800px !important”>
<tr>
<td align=”left” style=”padding: 0 0 0 0; font-size: 16px; line-height: 25px; color: #666666; font-family: Helvetica, Arial, sans-serif;” class=”padding-copy tnpc-row-edit” data-type=”text”>The judge, by the way, was the King; and as he wore his crown over the wig, (look at the frontispiece if you want to see how he did it,) he did not look at all comfortable, and it was certainly not becoming.</td>
</tr>
</table>
</td>
</tr>
</table>
<!–[if mso]>
</td></tr></table>
</center>
<![endif]–>

Doing this ‘If-then’ helped us to make it work on Outlook 2010 on Win 7
It was a lot of trial and error. And perhaps You can clean the code for some redundancies.

3. And finally we made a new picture ‘content-04-text-left.block.png’ … so our customer can find this block in the editor

After testing this we put this code before and after the existing code in some other blocks:
content-02-heading.block.php
content-03-text.block.php
content-05-image.block.php

<!–[if mso]>
<center>
<table><tr><td width=”800″>
<![endif]–>
<div style=”max-width:800px; margin:0 auto;”>
EXISTING CONTENT
<!–[if mso]>
</td></tr></table>
</center>
<![endif]–>

I hope I did not misunderstand Your question all the way 

Greetings
Tobi

[Author]

Posts