Template builder code view removes inline CSS after saving.

  • 1
  • Problem
  • Updated 4 years ago
  • Solved
  • (Edited)
Archived and Closed

This conversation is no longer open for comments or replies and is no longer visible to community members. The community moderator provided the following reason for archiving: bug resolved

I was making a small modification to a template we share with one of our sub accounts and then it blew up. The "Code" view of the editor no longer responds the way it did previously. What's going on here?
Photo of Valparaiso University

Valparaiso University

  • 8 Posts
  • 0 Reply Likes

Posted 4 years ago

  • 1
Photo of Emily Hollingsworth

Emily Hollingsworth, Alum

  • 2203 Posts
  • 158 Reply Likes
Hi there -- We did just flip on our new drag and drop Template and Campaign builder yesterday, and you should have received an email today announcing that release! In case you haven't received that yet, here's a video that walks you through the new features.

There is one quirk that we're hoping to iron out soon. The drag & drop Template Builder won’t let you save a template without a drag and drop region - specifically, the [% layout id="2" %][% flexible name="Primary" %][%/ flexible %][%/ layout %] tags. You'll need to add this tag even if you're working in a template where all of the elements are hardcoded. Here are the steps our product team suggests for adding that flexible region:

1) Paste in this row beneath the final closing row of their template code:

      <tr>

       <td align="left" valign="top">

           [% layout id="2" %][% flexible name="Primary" %][%/ flexible %][%/ layout %]

       </td>

</tr>      

2) Paste your updated template code into the Code view in Template Builder

3) Switch over to the HTML view and delete out the default placeholder content that will populate and

4) Then save the template

That should resolve the issue you're seeing when working in the code view. If it doesn't, please give me a shout here!
Photo of Valparaiso University

Valparaiso University

  • 8 Posts
  • 0 Reply Likes
I tried that and it still doesn't work. When I go to save the template, it's as if the editor strips out the majority of the code, leaving me with just a small piece of the original code. The block of code you provided was already in the template I was trying to modify. 
Photo of Emily Hollingsworth

Emily Hollingsworth, Alum

  • 2203 Posts
  • 158 Reply Likes
Ok - let's dig in here. Can you tell me what template you're working in? If you're opening that template in a specific mailing, can you tell me what mailing and subaccount as well? Thanks!
Photo of Valparaiso University

Valparaiso University

  • 8 Posts
  • 0 Reply Likes
The template is "Newsletter - College of Business - New," which was shared with the "Valparaiso College of Business" sub account and used in the "CoB Newsletter 9/21" mailing. It used to look like this:


But after going in and making a very (inconsequential) small change to the HTML, most of the code just gets stripped out for no reason upon saving.
(Edited)
Photo of Emily Hollingsworth

Emily Hollingsworth, Alum

  • 2203 Posts
  • 158 Reply Likes
Just what I need -- I'll dig in and let you know what I find!
Photo of Emily Hollingsworth

Emily Hollingsworth, Alum

  • 2203 Posts
  • 158 Reply Likes
Good morning -- In digging in here, I think I need to see the original template code. Could you upload that HTML to the document library in the Valparaiso College of Business subaccount? I'll be able to download it from there and take a look this morning! 
Photo of Valparaiso University

Valparaiso University

  • 8 Posts
  • 0 Reply Likes
The document library doesn't accept HTML files, so I pasted the code into a Word doc and uploaded it into the document library.
Photo of Emily Hollingsworth

Emily Hollingsworth, Alum

  • 2203 Posts
  • 158 Reply Likes
Thanks!
Photo of Valparaiso University

Valparaiso University

  • 8 Posts
  • 0 Reply Likes
I'm having the same problem with the "General - Parking & Transportation" template as well.

The basic design for all of our templates was paid for and provided by Emma's template design service, we just make small changes to the contact information in each template's footer before sharing it with a sub account.

In this case, the new editor is stripping out the background color every time I try to save the template.
Photo of Emily Hollingsworth

Emily Hollingsworth, Alum

  • 2203 Posts
  • 158 Reply Likes
Hey there -- I'm not able to replicate the editor stripping out the background color. Would you possibly be able to share some examples or screenshots here? Are you simply editing the footer and saving, then seeing that change in background color? Thanks!
Photo of Valparaiso University

Valparaiso University

  • 8 Posts
  • 0 Reply Likes
Yes, all I'm doing is changing the text in the footer. When I save, the code completely reformats to remove my organized tabbed structure and strips blocks out entirely.

Template HTML before saving in Emma (as seen in a browser):


After saving: 


HTML before saving:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>

    <style type="text/css">
h1, h2, h3, h4, h5, h6 {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline;
    }
    h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 21px;
    font-weight: normal;
    color: #522b14;
    }
    h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    color: #522b14;
    }
    h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #522b14;
    }
    h4 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #333333;
    }
    .e2ma-content-block p, .e2ma-combo-block p, .e2ma-combo-content p, .e2ma-content-block li, .e2ma-combo-block li, .e2ma-combo-content li {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #333333;
    }
    #template_container a, .link {
    color: #2d7bb3;
    text-decoration: underline;
    }
    blockquote {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    font-style: italic;
    }
    blockquote p {
    margin-bottom: 0;
    }
    .editable_image img {
    display: block;
    border: 0;
    }
    .e2ma-unsubscribe {
    padding-bottom: 10px;
    }
    .business_rsvp {
    font-family:Helvetica, Arial, sans-serif;
    padding: 10px;
    color: #666666;
    font-size: 10px;
    }

    @media screen and (max-width: 480px) {
    html {
        -webkit-text-size-adjust: none;
    }
    *[class].e2ma-content-block p, *[class].e2ma-combo-block p, *[class].e2ma-combo-content p, *[class].e2ma-content-block li, *[class].e2ma-combo-block li, *[class].e2ma-combo-content li {
        font-size: 15px !important;
    }
    *[class].e2ma-holder table, *[class].e2ma-holder table td {
        display: table !important;
        float: none !important;
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    *[class].e2ma-single-column-layout table {
        float: none !important;
        margin: 0 auto;
    }
    *[class].e2ma-unsubscribe span {
        font-size: 12px !important;
    }
    *[class].business_rsvp {
        font-size: 12px !important;
    }
    *[class].social-sharing {
        text-align: center !important;
        padding-bottom: 10px;
    }
    *[class].e2ma-layout-column-content img, *[class].e2ma-single-column-layout img, *[class].e2ma-layout-column-sidebar img, *[class].e2ma-layout-column-sidebar-2 img, *[class].e2ma-layout-column-sidebar-3 img {
        max-width: 100%;
        height: auto;
        margin: 0 auto;
    }
    *[class].footer-social img {
        width: 44px !important;
        height: 43px !important;
        margin: 0 auto;
    }
    *[class].share-block {
        text-align: center !important;
        margin: 0 auto !important;
    }
    *[class].footer-text {
        text-align: center !important;
    }
    *[class].mobile-width {
        width: 100% !important;
        padding-left: 10px;
        padding-right: 10px;
    }
    *[class].mobile-width-nopad {
        width: 100% !important;
    }
    *[class].stack, *[class].e2ma-layout-column-content, *[class].e2ma-layout-column-sidebar, *[class].e2ma-layout-column-sidebar-2, *[class].e2ma-layout-column-sidebar-3 {
        display: block !important;
        width: 100% !important;
    }
    *[class].hide {
        display: none !important;
    }
    *[class].center, *[class].center img {
        text-align: center !important;
        margin: 0 auto;
    }
    *[class].scale img, *[class].editable_image img {
        max-width: 100%;
        height: auto;
        margin: 0 auto;
    }
    *[class].addpad {
        padding: 10px !important;
    }
    *[class].addpad-top {
        padding-top: 10px !important;
    }
    *[class].sanpad {
        padding: 0px !important;
    }
    *[class].sanborder {
        border: none !important;
    }

    }
    </style>
    <meta name="format-detection" content="telephone=no">

    <title></title>
</head>

<body data-e2ma-name="Backdrop" data-e2ma-styles="background" style="margin:0; padding:0; width:100% !important;">
    <div data-e2ma-name="Backdrop" data-e2ma-styles="background" style="margin:0; padding:0; width:100% !important; background-color: #f4f0ed;">
        <table width="100%" border="0" cellspacing="0" cellpadding="0" data-e2ma-color="#f4f0ed, #522b14, #ffda00, #663a21, #fae87e">
            <tr>
                <td valign="top" align="center" style="padding:20px 0px;" class="sanpad">
                    <table width="640" border="0" cellspacing="0" cellpadding="0" class="mobile-width-nopad" id="template_container">
                        <tr>
                            <td align="center" valign="top">
                                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                    <tr>
                                        <td width="245" align="center" style="background-color:#522b14; border-bottom: 3px solid #663a21;" class="stack">
                                            <table width="245" border="0" cellspacing="0" cellpadding="0">
                                                <tr>
                                                    <td align="center"><a href="http://www.valpo.edu"><img src="http://cdn.e2ma.net/userdata/1749005/images/templates/_ds/VUnewsletter_04.jpg" alt="Valparaiso University" width="245" height="87" border="0" style="display:block;"></a></td>
                                                </tr>
                                            </table>
                                        </td>

                                        <td align="center" style="background-color:#ffda00; border-bottom:3px solid #fae87e;" class="stack">
                                            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                <tr>
                                                    <td align="center" style="font-size:16px; color:#522b14; font-family:Arial, Helvetica, sans-serif; padding:10px; text-transform:uppercase; padding:10px;">[% text name="headline" default="This is editable text" %][%/ text %]</td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>

                        <tr>
                            <td align="center" valign="top" style="background-color:#ffffff;" class="editable_image">
                                <div class="ff-max-width">
                                    [% image name="hero" url="http://cdn.e2ma.net/userdata/1749005/images/templates/_ds/VUnewsletter_07.jpg" border="0" style="display:block;" width="640" %][%/ image %]
                                </div>
                            </td>
                        </tr>

                        <tr>
                            <td align="left" valign="top" style="background-color:#ffffff; padding:20px; border-bottom:3px solid #eee8e4;">
                                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                    <tr>
                                        <td>[% layout id="2" %][% flexible name="Primary" %][%/ flexible %][%/ layout %]</td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>

            <tr>
                <td align="center" valign="top" style="padding:30px 0px;">
                    <table width="640" border="0" cellspacing="0" cellpadding="0" class="mobile-width">
                        <tr>
                            <td align="center" class="scale"><img src="http://cdn.e2ma.net/userdata/1749005/images/templates/_ds/VUnewsletter_12.jpg" border="0" style="display:block;" width="440" height="60"></td>
                        </tr>

                        <tr>
                            <td align="center" style="font-family:'Times New Roman', Times, serif; font-size:16px; color:#522b14; line-height:110%; padding-top:20px;"><span style="font-family:Arial, Helvetica, sans-serif; font-size:21px; color:#522b14; text-transform:uppercase;">Parking & Transportation</span><br>
                            <br>
                            <span class="stack"><a href="tel:1219464531" style="color:#522b14; text-decoration:none; text-transform:uppercase;">219.464.5131</a></span> <span class="hide" style="color:#522b14;">-</span> <span class="stack"><a href="#" style="color:#522b14; text-decoration:none; text-transform:uppercase;">Christopher Center, 1410 Chapel Drive, Room 250, Valparaiso, IN 46383-6493 USA</a></span> <span class="hide" style="color:#522b14;">-</span> <span class="stack"><a href="http://www.valpo.edu/aux/parking/" style="color:#522b14; text-decoration:none;">valpo.edu/aux/parking</a></span></td>
                        </tr>
                    </table>
                </td>
            </tr>

            <tr>
                <td align="center" valign="top" bgcolor="#F6F7F8" class="e2ma-unsubscribe" style="padding:50px 0px;">
                    <table width="640" border="0" cellspacing="0" cellpadding="0" class="mobile-width">
                        <tr>
                            <td align="left" valign="top">
                                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                    <tr>
                                        <td align="left" valign="top" class="stack">
                                            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                <tr>
                                                    <td align="left" valign="top" class="share-block center"><!--[% socialShare %][%/ socialShare %]--></td>
                                                </tr>

                                                <tr>
                                                    <td align="left" valign="top" style="font-family:Helvetica, Arial, sans-serif; color:#9d9e9f; font-size:11px; line-height:1.8; text-align:left; padding:20px 0px;" class="footer-text">[% management %]</td>
                                                </tr>

                                                <tr>
                                                    <td align="left" valign="top" style="font-family:Helvetica, Arial, sans-serif;font-size:11px; line-height:1.5; text-align:left; padding-top:20px;" class="footer-text"><a href="[% member:email %]" style="color:#9d9e9f; text-decoration:none;"><!--[% recipient %]--></a></td>
                                                </tr>
                                            </table>
                                        </td>

                                        <td valign="bottom" align="center" width="146" class="stack">
                                            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                <tr>
                                                    <td valign="bottom" align="center" style="padding-top:20px;">
                                                        <div>
                                                            <!--[% emma %]-->
                                                        </div>
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>

                        <tr>
                            <td align="left" valign="top" style="line-height:0px; font-size:0px;">
                                <div style="line-height:0px; font-size:0px;">
                                    [% bug %]
                                </div>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
    </div>
</body>
</html>
HTML after saving:
<html>
<head>
<style>.e2ma-template h1, .e2ma-template h2, .e2ma-template h3, .e2ma-template h4, .e2ma-template h5, .e2ma-template h6 {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
    }
.e2ma-template h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 21px;
    font-weight: normal;
    color: #522b14
    }
.e2ma-template h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    color: #522b14
    }
.e2ma-template h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #522b14
    }
.e2ma-template h4 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #333
    }
.e2ma-template .e2ma-content-block p, .e2ma-template .e2ma-combo-block p, .e2ma-template .e2ma-combo-content p, .e2ma-template .e2ma-content-block li, .e2ma-template .e2ma-combo-block li, .e2ma-template .e2ma-combo-content li {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #333
    }
.e2ma-template #template_container a, .e2ma-template .link {
    color: #2d7bb3;
    text-decoration: underline
    }
.e2ma-template blockquote {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    font-style: italic
    }
.e2ma-template blockquote p {
    margin-bottom: 0
    }
.e2ma-template .editable_image img {
    display: block;
    border: 0
    }
.e2ma-template .e2ma-unsubscribe {
    padding-bottom: 10px
    }
.e2ma-template .business_rsvp {
    font-family: Helvetica, Arial, sans-serif;
    padding: 10px;
    color: #666;
    font-size: 10px
    }
@media screen and (max-width: 480px) {
    .e2ma-template html {
        -webkit-text-size-adjust: none
        }
    .e2ma-template *[class].e2ma-content-block p, .e2ma-template *[class].e2ma-combo-block p, .e2ma-template *[class].e2ma-combo-content p, .e2ma-template *[class].e2ma-content-block li, .e2ma-template *[class].e2ma-combo-block li, .e2ma-template *[class].e2ma-combo-content li {
        font-size: 15px !important
        }
    .e2ma-template *[class].e2ma-holder table, .e2ma-template *[class].e2ma-holder table td {
        display: table !important;
        float: none !important;
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important
        }
    .e2ma-template *[class].e2ma-single-column-layout table {
        float: none !important;
        margin: 0 auto
        }
    .e2ma-template *[class].e2ma-unsubscribe span {
        font-size: 12px !important
        }
    .e2ma-template *[class].business_rsvp {
        font-size: 12px !important
        }
    .e2ma-template *[class].social-sharing {
        text-align: center !important;
        padding-bottom: 10px
        }
    .e2ma-template *[class].e2ma-layout-column-content img, .e2ma-template *[class].e2ma-single-column-layout img, .e2ma-template *[class].e2ma-layout-column-sidebar img, .e2ma-template *[class].e2ma-layout-column-sidebar-2 img, .e2ma-template *[class].e2ma-layout-column-sidebar-3 img {
        max-width: 100%;
        height: auto;
        margin: 0 auto
        }
    .e2ma-template *[class].footer-social img {
        width: 44px !important;
        height: 43px !important;
        margin: 0 auto
        }
    .e2ma-template *[class].share-block {
        text-align: center !important;
        margin: 0 auto !important
        }
    .e2ma-template *[class].footer-text {
        text-align: center !important
        }
    .e2ma-template *[class].mobile-width {
        width: 100% !important;
        padding-left: 10px;
        padding-right: 10px
        }
    .e2ma-template *[class].mobile-width-nopad {
        width: 100% !important
        }
    .e2ma-template *[class].stack, .e2ma-template *[class].e2ma-layout-column-content, .e2ma-template *[class].e2ma-layout-column-sidebar, .e2ma-template *[class].e2ma-layout-column-sidebar-2, .e2ma-template *[class].e2ma-layout-column-sidebar-3 {
        display: block !important;
        width: 100% !important
        }
    .e2ma-template *[class].hide {
        display: none !important
        }
    .e2ma-template *[class].center, .e2ma-template *[class].center img {
        text-align: center !important;
        margin: 0 auto
        }
    .e2ma-template *[class].scale img, .e2ma-template *[class].editable_image img {
        max-width: 100%;
        height: auto;
        margin: 0 auto
        }
    .e2ma-template *[class].addpad {
        padding: 10px !important
        }
    .e2ma-template *[class].addpad-top {
        padding-top: 10px !important
        }
    .e2ma-template *[class].sanpad {
        padding: 0 !important
        }
    .e2ma-template *[class].sanborder {
        border: none !important
        }
    }</style>
<meta content="telephone=no" name="format-detection">
<title></title>
</meta></head>
<body data-e2ma-name="Backdrop" data-e2ma-styles="background" style="margin: 0; padding: 0; width: 100% !important">
<div data-e2ma-name="Backdrop" data-e2ma-styles="background" style="background-color: #ffffff; ">
<table border="0" cellpadding="0" cellspacing="0" data-e2ma-color="#f4f0ed, #522b14, #ffda00, #663a21, #fae87e" width="100%">
<tbody><tr>
<td align="center" class="sanpad" style="padding: 20px 0" valign="top">
<table border="0" cellpadding="0" cellspacing="0" class="mobile-width-nopad" id="template_container" width="640">
<tbody><tr>
<td align="center" valign="top">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr>
<td align="center" class="stack" style="background-color: #522b14; border-bottom: 3px solid #663a21" width="245">
<table border="0" cellpadding="0" cellspacing="0" width="245">
<tbody><tr>
<td align="center"><a href="http://www.valpo.edu"><img alt="Valparaiso University" border="0" height="87" src="http://cdn.e2ma.net/userdata/1749005/images/templates/_ds/VUnewsletter_04.jpg" style="display: block" width="245"></a></td>
</tr>
</tbody></table>
</td>
<td align="center" class="stack" style="background-color: #ffda00; border-bottom: 3px solid #fae87e">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr>
<td align="center" style="font-size: 16px; color: #522b14; font-family: Arial, Helvetica, sans-serif; padding: 10px; text-transform: uppercase; padding: 10px">
[% text name="headline" default="This is editable text" %]
	{
		"text": "<p>This is editable text</p>",
		"edited": false,
		"locked": true,
		"templateLocked": true
	}
[%/ text %]
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr>
<td align="center" class="editable_image" style="background-color: #fff" valign="top">
<div class="ff-max-width">
                                    
[% image url="http://cdn.e2ma.net/userdata/1749005/images/templates/_ds/VUnewsletter_07.jpg" width="640" %]
	{
		"url": null,
		"assetId": null,
		"width": null,
		"height": null,
		"displayWidth": null,
		"displayHeight": null,
		"alt": null,
		"href": null,
		"filePath": null,
		"source": "emma",
		"forceEmpty": false,
		"locked": true,
		"templateLocked": true,
		"type": "image"
	}
[%/ image %]

                                </div>
</td>
</tr>
<tr>
<td align="left" style="background-color: #fff; padding: 20px; border-bottom: 3px solid #eee8e4" valign="top">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr>
<td>[% layout id="2" data-e2ma-style='{"Backdrop":{"background-color":"#ffffff"},"Template":{"border-left-style":"solid","border-left-width":0,"border-right-style":"solid","border-right-width":0}}' %]
	[% row name="top" %]
		
		[%/ row %][% row name="bottom" %]
			
			[%/ row %][% flexible name="primary" %]
				
				[% block type="image" %]
				{
					"styles": {
						"margin": "5",
						"padding": "0",
						"width": "auto"
					},
					"imageHolder": [
						{
							"url": null,
							"caption": "",
							"width": 0,
							"height": 170,
							"padding": 10,
							"alt": "",
							"href": null,
							"filePath": null,
							"sizing": "original",
							"source": "emma",
							"displayWidth": 450,
							"displayHeight": 170,
							"displayPadding": {
								"top": 10,
								"right": 70,
								"bottom": 10,
								"left": 70
							},
							"assetId": null,
							"defaultCaption": "Image caption",
							"lastInRow": false,
							"locked": false
						}
					],
					"orientation": "horizontal",
					"smartSizing": true,
					"captions": false,
					"number": 1,
					"location": "main",
					"type": "image",
					"locked": false,
					"_originalRegionId": null,
					"captionDefault": null,
					"imageAlignment": "top"
				}
				[%/ block %]
				
				[% block type="combo" %]
				{
					"styles": {
						"margin": "5",
						"padding": "0",
						"width": "auto"
					},
					"placeholder": false,
					"imageHolder": {
						"visible": true,
						"value": [
							{
								"url": null,
								"caption": "",
								"width": 220,
								"height": 140,
								"padding": 10,
								"alt": "",
								"href": null,
								"filePath": null,
								"sizing": "original",
								"source": "emma",
								"displayWidth": 200,
								"displayHeight": 140,
								"displayPadding": {
									"top": 10,
									"right": 10,
									"bottom": 10,
									"left": 10
								},
								"assetId": null,
								"defaultCaption": "Image caption",
								"lastInRow": false,
								"locked": false
							}
						],
						"smartSizing": true,
						"captions": true,
						"captionDefault": null,
						"number": 1,
						"orientation": "vertical",
						"isComboBlock": true,
						"locked": false,
						"_originalRegionId": null,
						"styles": {
							"margin": "5",
							"padding": {
								"top": "0",
								"right": "0",
								"bottom": "0",
								"left": "0"
							},
							"borderColor": "#000000",
							"borderWidth": "0",
							"borderStyle": "solid",
							"backgroundColor": "transparent",
							"width": "auto"
						},
						"imageAlignment": "top"
					},
					"content": {
						"visible": true,
						"value": "&lt;p&gt;&lt;strong&gt;Lorem Ipsum&lt;/strong&gt;&lt;br&gt;Dolor sit amet, consectetur adipiscing elit. Duis euismod ultrices lacinia. Aenean eget urna ut diam hendrerit accumsan.&amp;nbsp;Maecenas a porttitor diam. Suspendisse potenti. Aenean ac risus ut lectus volutpat elementum at sit amet ligula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam at tellus vitae ligula laoreet laoreet ac sit amet eros. Donec pharetra luctus nisl, vitae imperdiet justo ultricies non. Sed a augue elit. Donec venenatis condimentum leo id adipiscing. Aenean et mi erat, a ultrices elit. Aenean vulputate sagittis laoreet. Etiam sed vestibulum purus.&lt;/p&gt;"
					},
					"textWrap": true,
					"imagePosition": "right",
					"location": "main",
					"type": "combo",
					"locked": false,
					"_originalRegionId": null
				}
				[%/ block %]
				
				[% block type="divider" %]
				{
					"styles": {
						"margin": {
							"top": "10",
							"right": "5",
							"bottom": "10",
							"left": "5"
						},
						"padding": "0",
						"width": "auto"
					},
					"placeholder": false,
					"height": "2",
					"style": "solid",
					"color": "#929292",
					"url": null,
					"type": "divider",
					"locked": false,
					"_originalRegionId": null
				}
				[%/ block %]
				
				[% block type="text" %]
				{
					"styles": {
						"margin": "5",
						"padding": "0",
						"width": "auto"
					},
					"placeholder": false,
					"imageHolder": {
						"visible": false,
						"value": [
							{
								"url": null,
								"caption": null,
								"width": 220,
								"height": 140,
								"padding": 10,
								"alt": "",
								"href": null,
								"filePath": null,
								"sizing": "original",
								"source": "emma",
								"displayWidth": 200,
								"displayHeight": 140,
								"displayPadding": {
									"left": 10,
									"top": 10,
									"right": 10,
									"bottom": 10
								},
								"assetId": null,
								"defaultCaption": "Image caption",
								"lastInRow": false,
								"locked": false
							}
						],
						"smartSizing": true,
						"captions": false,
						"captionDefault": null,
						"number": 1,
						"orientation": "vertical",
						"isComboBlock": true,
						"locked": false,
						"_originalRegionId": null,
						"styles": {
							"margin": "5",
							"padding": {
								"top": "0",
								"right": "0",
								"bottom": "0",
								"left": "0"
							},
							"borderColor": "#000000",
							"borderWidth": "0",
							"borderStyle": "solid",
							"backgroundColor": "transparent",
							"width": "auto"
						},
						"imageAlignment": "top"
					},
					"content": {
						"visible": true,
						"value": "&lt;p&gt;&lt;strong&gt;Lorem Ipsum&lt;/strong&gt;&lt;br&gt;Dolor sit amet, consectetur adipiscing elit. Duis euismod ultrices lacinia. Aenean eget urna ut diam hendrerit accumsan.&lt;/p&gt;"
					},
					"textWrap": true,
					"imagePosition": "left",
					"location": "main",
					"type": "text",
					"locked": false,
					"_originalRegionId": null
				}
				[%/ block %]
				
			[%/ flexible %]
		[%/ layout %]</td>
		</tr>
		</tbody></table>
		</td>
		</tr>
		</tbody></table>
		</td>
		</tr>
		<tr>
		<td align="center" style="padding: 30px 0" valign="top">
		<table border="0" cellpadding="0" cellspacing="0" class="mobile-width" width="640">
		<tbody><tr>
		<td align="center" class="scale"><img border="0" height="60" src="http://cdn.e2ma.net/userdata/1749005/images/templates/_ds/VUnewsletter_12.jpg" style="display: block" width="440"></td>
		</tr>
		<tr>
		<td align="center" style="font-family: &quot;Times New Roman&quot;, Times, serif; font-size: 16px; color: #522b14; line-height: 110%; padding-top: 20px"><span style="font-family: Arial, Helvetica, sans-serif; font-size: 21px; color: #522b14; text-transform: uppercase">Parking &amp; Transportation</span><br>
		<br>
		<span class="stack"><a href="tel:1219464531" style="color: #522b14; text-decoration: none; text-transform: uppercase">219.464.5131</a></span> <span class="hide" style="color: #522b14">-</span> <span class="stack"><a href="#" style="color: #522b14; text-decoration: none; text-transform: uppercase">Christopher Center, 1410 Chapel Drive, Room 250, Valparaiso, IN 46383-6493 USA</a></span> <span class="hide" style="color: #522b14">-</span> <span class="stack"><a href="http://www.valpo.edu/aux/parking/" style="color: #522b14; text-decoration: none">valpo.edu/aux/parking</a></span></td>
		</tr>
		</tbody></table>
		</td>
		</tr>
		<tr>
		<td align="center" bgcolor="#F6F7F8" class="e2ma-unsubscribe" style="padding: 50px 0" valign="top">
		<table border="0" cellpadding="0" cellspacing="0" class="mobile-width" width="640">
		<tbody><tr>
		<td align="left" valign="top">
		<table border="0" cellpadding="0" cellspacing="0" width="100%">
		<tbody><tr>
		<td align="left" class="stack" valign="top">
		<table border="0" cellpadding="0" cellspacing="0" width="100%">
		<tbody><tr>
		<td align="left" class="share-block center" valign="top"><!--<div data-type="socialShare" ></div>--></td>
		</tr>
		<tr>
		<td align="left" class="footer-text" style="font-family: Helvetica, Arial, sans-serif; color: #9d9e9f; font-size: 11px; line-height: 1.8; text-align: left; padding: 20px 0" valign="top">[% management %]</td>
		</tr>
		<tr>
		<td align="left" class="footer-text" style="font-family: Helvetica, Arial, sans-serif; font-size: 11px; line-height: 1.5; text-align: left; padding-top: 20px" valign="top"><a href="[% member:email %]" style="color: #9d9e9f; text-decoration: none"><!--[% recipient %]--></a></td>
		</tr>
		</tbody></table>
		</td>
		<td align="center" class="stack" valign="bottom" width="146">
		<table border="0" cellpadding="0" cellspacing="0" width="100%">
		<tbody><tr>
		<td align="center" style="padding-top: 20px" valign="bottom">
		<div>
		<!--[% emma %]-->
		</div>
		</td>
		</tr>
		</tbody></table>
		</td>
		</tr>
		</tbody></table>
		</td>
		</tr>
		<tr>
		<td align="left" style="line-height: 0; font-size: 0" valign="top">
		<div style="line-height: 0; font-size: 0">
		                                    [% bug %]
		                                </div>
		</td>
		</tr>
		</tbody></table>
		</td>
		</tr>
		</tbody></table>
		</div>
		</body>
		</html>
Photo of Emily Hollingsworth

Emily Hollingsworth, Alum

  • 2203 Posts
  • 158 Reply Likes
Hi there -- thanks so much for your patience as I dug into this problem. Thanks to your example and a few others, we've identified an issue where the code view in template builder is stripping out inline css after saving. We're already working to resolve this issue, but in the meantime, you could add the background color in the HTML view rather than the code view. I'll be sure to reach out here when this issue is resolved!
Photo of Valparaiso University

Valparaiso University

  • 8 Posts
  • 0 Reply Likes
Thank you, much appreciated.
Photo of Emily Hollingsworth

Emily Hollingsworth, Alum

  • 2203 Posts
  • 158 Reply Likes
This bug is fixed! Thanks for your patience as we worked to resolve this issue. :)
Photo of Valparaiso University

Valparaiso University

  • 8 Posts
  • 0 Reply Likes
One other thing:

After the update to the template builder, some of the editable text boxes in many of our templates became locked and uneditable by our clients within our sub accounts. These templates were provided to us by Emma and were not touched after the template builder update. This has created many problems for our clients getting mailings out on time as they are unable to edit text within what was previously an editable region and are forced to wait on me to fix it for them.

The template builder update has created so many issues for us. Here's to hoping they can be resolved soon.
Photo of Emily Hollingsworth

Emily Hollingsworth, Alum

  • 2203 Posts
  • 158 Reply Likes
We introduced a new locking feature with this new iteration of template builder, and all templates are currently locked by default. You can unlock your templates at the agency level by clicking the lock icon next to the Preview button in the HTML view.



Let me know if that doesn't do the trick!