Template builder - changing the layout

I am using the basic newsletter template, but my client wants the side column on the right side. I've exported the file and I am editing in Dreamweaver, but I'm a designer not a coder. Can anyone help me change the layout?

roshodgekiss roshodgekiss, 4 years ago

Hi Barbara Pilgrim, welcome to the forums. If you're still having troubles making this change, kindly post your code here and we'll do our best to help out. It's definitely worth learning how to code if you're going to get requests like this in the future - here's a good place to start. All the best! :D


Get in touch with us on Twitter: http://twitter.com/campaignmonitor
We're also on Facebook: http://facebook.com/campaignmonitor
Barbara Pilgrim, 4 years ago

Thank you for your help in this. I have pasted the code below. I am managing some code alterations but changing this in a template exported from the CM template builder was a step too far. The yellow column on the left needs to be moved to the right. There will be no table of contents.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head><title></title><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><style type="text/css">
/* Mobile-specific Styles */
@media only screen and (max-device-width: 480px) { 
table[class=w0], td[class=w0] { width: 0 !important; }
table[class=w10], td[class=w10], img[class=w10] { width:10px !important; }
table[class=w15], td[class=w15], img[class=w15] { width:5px !important; }
table[class=w30], td[class=w30], img[class=w30] { width:10px !important; }
table[class=w60], td[class=w60], img[class=w60] { width:10px !important; }
table[class=w125], td[class=w125], img[class=w125] { width:80px !important; }
table[class=w130], td[class=w130], img[class=w130] { width:55px !important; }
table[class=w140], td[class=w140], img[class=w140] { width:90px !important; }
table[class=w160], td[class=w160], img[class=w160] { width:180px !important; }
table[class=w170], td[class=w170], img[class=w170] { width:100px !important; }
table[class=w180], td[class=w180], img[class=w180] { width:80px !important; }
table[class=w195], td[class=w195], img[class=w195] { width:80px !important; }
table[class=w220], td[class=w220], img[class=w220] { width:80px !important; }
table[class=w240], td[class=w240], img[class=w240] { width:180px !important; }
table[class=w255], td[class=w255], img[class=w255] { width:185px !important; }
table[class=w275], td[class=w275], img[class=w275] { width:135px !important; }
table[class=w280], td[class=w280], img[class=w280] { width:135px !important; }
table[class=w300], td[class=w300], img[class=w300] { width:140px !important; }
table[class=w325], td[class=w325], img[class=w325] { width:95px !important; }
table[class=w360], td[class=w360], img[class=w360] { width:140px !important; }
table[class=w410], td[class=w410], img[class=w410] { width:180px !important; }
table[class=w470], td[class=w470], img[class=w470] { width:200px !important; }
table[class=w580], td[class=w580], img[class=w580] { width:280px !important; }
table[class=w640], td[class=w640], img[class=w640] { width:300px !important; }
table[class=hide], td[class=hide], img[class=hide], p[class=hide], span[class=hide], .hide { display:none !important; }
table[class=h0], td[class=h0] { height: 0 !important; }
p[class=footer-content-left] { text-align: center !important; }
#headline p { font-size: 30px !important; }
 } 
/* Client-specific Styles */
#outlook a { padding: 0; }    /* Force Outlook to provide a "view in browser" button. */
body { width: 100% !important; }
.ReadMsgBody { width: 100%; }
.ExternalClass { width: 100%; display:block !important; } /* Force Hotmail to display emails at full width */
/* Reset Styles */
/* Add 100px so mobile switch bar doesn't cover street address. */
html, body { background-color: #000000; margin: 0; padding: 0; }
img { height: auto; line-height: 100%; outline: none; text-decoration: none; display: block;}
br, strong br, b br, em br, i br { line-height:100%; }
h1, h2, h3, h4, h5, h6 { line-height: 100% !important; -webkit-font-smoothing: antialiased; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: blue !important; }
h1 a:active, h2 a:active,  h3 a:active, h4 a:active, h5 a:active, h6 a:active {    color: red !important; }
/* Preferably not the same color as the normal header link color.  There is limited support for psuedo classes in email clients, this was added just for good measure. */
h1 a:visited, h2 a:visited,  h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { color: purple !important; }
/* Preferably not the same color as the normal header link color. There is limited support for psuedo classes in email clients, this was added just for good measure. */  
table td, table tr { border-collapse: collapse; }
.yshortcuts, .yshortcuts a, .yshortcuts a:link,.yshortcuts a:visited, .yshortcuts a:hover, .yshortcuts a span {
color: black; text-decoration: none !important; border-bottom: none !important; background: none !important;
}    /* Body text color for the New Yahoo.  This example sets the font of Yahoo's Shortcuts to black. */
/* This most probably won't work in all email clients. Don't include <code _tmplitem="48" > blocks in email. */
code {
  white-space: normal;
  word-break: break-all;
}
#background-table { background-color: #000000; }
/* Webkit Elements */
#top-bar { border-radius:6px 6px 0px 0px; -moz-border-radius: 6px 6px 0px 0px; -webkit-border-radius:6px 6px 0px 0px; -webkit-font-smoothing: antialiased; background-color: #c90404; color: #f2e609; }
#top-bar a { font-weight: bold; color: #ffffff; text-decoration: none;}
#footer { border-radius:0px 0px 6px 6px; -moz-border-radius: 0px 0px 6px 6px; -webkit-border-radius:0px 0px 6px 6px; -webkit-font-smoothing: antialiased; }
/* Fonts and Content */
body { font-family: Helvetica Neue, Arial, Helvetica, Geneva, sans-serif; }
.header-content, .footer-content-left, .footer-content-right { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; }
/* Prevent Webkit and Windows Mobile platforms from changing default font sizes on header and footer. */
.header-content { font-size: 12px; color: #f2e609; }
.header-content a { font-weight: bold; color: #ffffff; text-decoration: none; }
#headline p { color: #444444; font-family: Helvetica Neue, Arial, Helvetica, Geneva, sans-serif; font-size: 36px; text-align: center; margin-top:0px; margin-bottom:30px; }
#headline p a { color: #444444; text-decoration: none; }
#left-sidebar .toc-item { font-family: Helvetica Neue, Arial, Helvetica, Geneva, sans-serif; font-size: 12px; line-height: 16px; color: #1F07AB; margin-top: 0px; margin-bottom: 6px; }
#left-sidebar .toc-item a { color: #1F07AB; text-decoration: none; }
#left-sidebar .toc-heading { font-family: Helvetica Neue, Arial, Helvetica, Geneva, sans-serif; font-size: 11px; line-height: 15px; color:#000000; font-weight:bold; }
#left-sidebar .toc-heading a { color: #000000; text-decoration: none; }
#left-sidebar .left-column-heading { font-family: Helvetica Neue, Arial, Helvetica, Geneva, sans-serif; font-size: 11px; line-height:15px; color: #000000; font-weight:bold; }
#left-sidebar .left-column-heading a { color: #000000; text-decoration:none; }
#left-sidebar .left-column-subhead { font-family: Helvetica Neue, Arial, Helvetica, Geneva, sans-serif; font-size: 13px; line-height: 16px; color: #C90404; font-weight: bold; margin-top: 0px; margin-bottom: 16px; }
#left-sidebar .left-column-subhead a { color: #C90404; text-decoration:none; }
#left-sidebar .left-column-content { font-family: Helvetica Neue, Arial, Helvetica, Geneva, sans-serif; font-size: 12px; line-height: 16px; color: #000000; margin-top: 0px; margin-bottom: 16px; }
#left-sidebar .left-column-content a { color: #1F07AB; text-decoration: none; }
.article-title { font-size: 18px; line-height:24px; color: #1f07ab; font-weight:bold; margin-top:0px; margin-bottom:18px; font-family: Helvetica Neue, Arial, Helvetica, Geneva, sans-serif; }
.article-title a { color: #1f07ab; text-decoration: none; }
.article-title.with-meta {margin-bottom: 0;}
.article-meta { font-size: 13px; line-height: 20px; color: #ccc; font-weight: bold; margin-top: 0;}
.article-content { font-size: 13px; line-height: 18px; color: #444444; margin-top: 0px; margin-bottom: 18px; font-family: Helvetica Neue, Arial, Helvetica, Geneva, sans-serif; }
.article-content a { color: #c90404; font-weight:bold; text-decoration:none; }
.article-content img { max-width: 100% }
.article-content ol, .article-content ul { margin-top:0px; margin-bottom:18px; margin-left:19px; padding:0; }
.article-content li { font-size: 13px; line-height: 18px; color: #444444; }
.article-content li a { color: #c90404; text-decoration:underline; }
.article-content p {margin-bottom: 15px;}
.footer-content-left { font-size: 12px; line-height: 15px; color: #ffffff; margin-top: 0px; margin-bottom: 15px; }
.footer-content-left a { color: #F2E609; font-weight: bold; text-decoration: none; }
.footer-content-right { font-size: 11px; line-height: 16px; color: #ffffff; margin-top: 0px; margin-bottom: 15px; }
.footer-content-right a { color: #F2E609; font-weight: bold; text-decoration: none; }
#footer { background-color: #000000; color: #ffffff; }
#footer a { color: #F2E609; text-decoration: none; font-weight: bold; }
#permission-reminder { white-space: normal; }
#street-address { color: #ffffff; white-space: normal; }
</style>
<!--[if gte mso 9]>
<style _tmplitem="48" >
.article-content ol, .article-content ul {
   margin: 0 0 0 24px;
   padding: 0;
   list-style-position: inside;
}
</style>
<![endif]--></head><body><table width="100%" cellpadding="0" cellspacing="0" border="0" id="background-table">
    <tbody><tr>
        <td align="center" bgcolor="#000000">
            <table class="w640" width="640" cellpadding="0" cellspacing="0" border="0">
                <tbody><tr><td class="w640" width="640" height="20"></td></tr>
                
                <tr>
                    <td class="w640" width="640">
                        <table id="top-bar" class="w640" width="640" cellpadding="0" cellspacing="0" border="0" bgcolor="#000000">
    <tbody><tr>
        <td class="w15" width="15"></td>
        <td class="w325" width="350" valign="middle" align="left">
            <table class="w325" width="350" cellpadding="0" cellspacing="0" border="0">
                <tbody><tr><td class="w325" width="350" height="8"></td></tr>
            </tbody></table>
            <div class="header-content"><webversion>Web version</webversion><span class="hide">&nbsp;&nbsp;|&nbsp; <preferences>Update preferences</preferences>&nbsp;&nbsp;|&nbsp; <unsubscribe>Unsubscribe</unsubscribe></span></div>
            <table class="w325" width="350" cellpadding="0" cellspacing="0" border="0">
                <tbody><tr><td class="w325" width="350" height="8"></td></tr>
            </tbody></table>
        </td>
        <td class="w30" width="30"></td>
        <td class="w255" width="255" valign="middle" align="right">
            <table class="w255" width="255" cellpadding="0" cellspacing="0" border="0">
                <tbody><tr><td class="w255" width="255" height="8"></td></tr>
            </tbody></table>
            <table cellpadding="0" cellspacing="0" border="0">
    <tbody><tr>
        
        <td valign="middle"><fblike likeurl="http://www.magictheo.com/london-magician-corporate-childrens-wedding-charity/extreme-business-networking-theo-magician"><img src="http://img.createsend1.com/img/templatebuilder/like-glyph.png" border="0" width="8" height="14" alt="Facebook icon"=""></fblike></td>
        <td width="3"></td>
        <td valign="middle"><div class="header-content"><fblike likeurl="http://www.magictheo.com/london-magician-corporate-childrens-wedding-charity/extreme-business-networking-theo-magician">Like</fblike></div></td>
        
        
        <td class="w10" width="10"></td>
        <td valign="middle"><tweet><img src="http://img.createsend1.com/img/templatebuilder/tweet-glyph.png" border="0" width="17" height="13" alt="Twitter icon"=""></tweet></td>
        <td width="3"></td>
        <td valign="middle"><div class="header-content"><tweet>Tweet</tweet></div></td>
        
        
        <td class="w10" width="10"></td>
        <td valign="middle"><forwardtoafriend><img src="http://img.createsend1.com/img/templatebuilder/forward-glyph.png" border="0" width="19" height="14" alt="Forward icon"=""></forwardtoafriend></td>
        <td width="3"></td>
        <td valign="middle"><div class="header-content"><forwardtoafriend>Forward</forwardtoafriend></div></td>
        
    </tr>
</tbody></table>
            <table class="w255" width="255" cellpadding="0" cellspacing="0" border="0">
                <tbody><tr><td class="w255" width="255" height="8"></td></tr>
            </tbody></table>
        </td>
        <td class="w15" width="15"></td>
    </tr>
</tbody></table>
                        
                    </td>
                </tr>
                <tr>
                <td id="header" class="w640" width="640" align="center" bgcolor="#000000">
    
    <div align="center" style="text-align: center"><img id="customHeaderImage" src="/images/extreme_networking_bannerhead_2012.102543.jpg" class="w640" border="0" align="top" style="display: inline"></div>
    
    
</td>
                </tr>
                
                <tr id="twocolumn-content-row"><td class="w640" width="640"><table class="w640" width="640" cellpadding="0" cellspacing="0" border="0">
    <tbody><tr>
        <td class="w15" width="15" bgcolor="#f7df43"></td>
        <td id="left-sidebar" class="w140" width="140" bgcolor="#f7df43" valign="top" align="left">
            
            
            <table class="w140" width="140" cellpadding="0" cellspacing="0" border="0">
                <tbody><tr><td class="w140" width="140" height="15"></td></tr>
                <tr>
                    <td class="w140" width="140">
                        <div align="left" class="left-column-heading"><singleline label="Title">THEO APPEARS ON THE DES O'CONNOR SHOW</singleline></div>
                    </td>
                </tr>
            </tbody></table>
                                
            <repeater>    
                <layout label="Text only">
                    <table class="w140" width="140" cellpadding="0" cellspacing="0" border="0">
                        <tbody><tr><td class="w140" width="140" height="15"></td></tr>
                        <tr>
                            <td class="w140" width="140">
                                <p align="left" class="left-column-subhead"><singleline label="Title">Add a title</singleline></p>
                                <div align="left" class="left-column-content"><multiline label="Description">Enter your description</multiline></div>
                            </td>
                        </tr>
                    </tbody></table>
                </layout>
                                    
                <layout label="Text with image">
                    <table class="w140" width="140" cellpadding="0" cellspacing="0" border="0">
                        <tbody><tr><td class="w140" width="140" height="15"></td></tr>
                        <tr>
                            <td class="w140" width="140"><p align="left" class="left-column-subhead"><singleline label="Title">Add a title</singleline></p></td>
                        </tr>
                        <tr>
                            <td class="w140" width="140"><img editable="true" label="Image" width="140" class="w140" border="0"></td>
                        </tr>
                        <tr><td class="w140" width="140" height="15"></td></tr>
                        <tr>
                            <td class="w140" width="140"><div align="left" class="left-column-content"><multiline label="Description">Enter your description</multiline></div></td>
                        </tr>
                    </tbody></table>
                </layout>
            </repeater>
            
        </td>
        <td class="w15" width="15" bgcolor="#f7df43"></td>
        <td class="w470" width="470" bgcolor="#ffffff" valign="top">
            <table class="w470" width="470" cellpadding="0" cellspacing="0" border="0">
                <tbody><tr><td class="w470" width="470" height="30"></td></tr>
            </tbody></table>
            <table class="w470" width="470" cellpadding="0" cellspacing="0" border="0">
                <tbody><tr>
                    <td class="w30" width="30"></td>
                    <td class="w410" width="410">
                        <repeater>
                                                
                            
                            <layout label="Text only">
                                <table class="w410" width="410" cellpadding="0" cellspacing="0" border="0">
                                    <tbody><tr>
                                        <td class="w410" width="410">
                                            <p align="left" class="article-title"><singleline repeatertitle="true" label="Article Title">Add a title</singleline></p>
                                            <div align="left" class="article-content"><multiline label="Description">Enter your description</multiline></div>
                                        </td>
                                    </tr>
                                    <tr><td class="w410" width="410" height="10"></td></tr>
                                </tbody></table>
                            </layout>
                                                
                            
                            <layout label="Text with full-width image">
                                <table class="w410" width="410" cellpadding="0" cellspacing="0" border="0">
                                    <tbody><tr>
                                        <td class="w410" width="410">
                                            <p align="left" class="article-title"><singleline repeatertitle="true" label="Article Title">Add a title</singleline></p>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="w410" width="410"><img editable="true" label="Image" class="w410" width="410" border="0"></td>
                                    </tr>
                                    <tr><td class="w410" width="410" height="15"></td></tr>
                                    <tr>
                                        <td class="w410" width="410">
                                            <div align="left" class="article-content"><multiline label="Description">Enter your description</multiline></div>
                                        </td>
                                    </tr>
                                    <tr><td class="w410" width="410" height="10"></td></tr>
                                </tbody></table>
                            </layout>
                                                
                            
                            <layout label="Text with right-aligned image">
                                <table class="w410" width="410" cellpadding="0" cellspacing="0" border="0">
                                    <tbody><tr>
                                        <td class="w410" width="410">
                                            <p align="left" class="article-title"><singleline repeatertitle="true" label="Article Title">Add a title</singleline></p>
                                            <table cellpadding="0" cellspacing="0" border="0" align="right">
                                                <tbody><tr>
                                                    <td class="w30" width="15"></td>
                                                    <td><img editable="true" label="Image" class="w220" width="220" border="0"></td>
                                                </tr>
                                                <tr><td class="w30" width="15" height="5"></td><td></td></tr>
                                            </tbody></table>
                                            <div align="left" class="article-content"><multiline label="Description">Enter your description</multiline></div>
                                        </td>
                                    </tr>
                                    <tr><td class="w410" width="410" height="10"></td></tr>
                                </tbody></table>
                            </layout>
                                                
                            
                            <layout label="Text with left-aligned image">
                                <table class="w410" width="410" cellpadding="0" cellspacing="0" border="0">
                                    <tbody><tr>
                                        <td class="w410" width="410">
                                            <p align="left" class="article-title"><singleline repeatertitle="true" label="Article Title">Add a title</singleline></p>
                                            <table cellpadding="0" cellspacing="0" border="0" align="left">
                                                <tbody><tr>
                                                    <td><img editable="true" label="Image" class="w220" width="220" border="0"></td>
                                                    <td class="w30" width="15"></td>
                                                </tr>
                                                <tr><td></td><td class="w30" width="15" height="5"></td></tr>
                                            </tbody></table>
                                            <div align="left" class="article-content"><multiline label="Description">Enter your description</multiline></div>
                                        </td>
                                    </tr>
                                    <tr><td class="w410" width="410" height="10"></td></tr>
                                </tbody></table>
                            </layout>
                                                
                                                
                            
                            <layout label="Image gallery">
                                <table class="w410" width="410" cellpadding="0" cellspacing="0" border="0">
                                    <tbody><tr>
                                        <td class="w195" width="195" valign="top">
                                            <table class="w195" width="195" cellpadding="0" cellspacing="0" border="0">
                                                <tbody><tr>
                                                    <td class="w195" width="195"><img editable="true" label="Image" class="w195" width="195" border="0"></td>
                                                </tr>
                                                <tr><td class="w195" width="195" height="10"></td></tr>
                                                <tr>
                                                    <td class="w195" width="195">
                                                        <div align="left" class="article-content"><multiline label="Description">Enter your description</multiline></div>
                                                    </td>
                                                </tr>
                                                <tr><td class="w195" width="195" height="10"></td></tr>
                                            </tbody></table>
                                        </td>
                                        <td width="20"></td>
                                        <td class="w195" width="195" valign="top">
                                            <table class="w195" width="195" cellpadding="0" cellspacing="0" border="0">
                                                <tbody><tr>
                                                    <td class="w195" width="195"><img editable="true" label="Image" class="w195" width="195" border="0"></td>
                                                </tr>
                                                <tr><td class="w195" width="195" height="10"></td></tr>
                                                <tr>
                                                    <td class="w195" width="195">
                                                        <div align="left" class="article-content"><multiline label="Description">Enter your description</multiline></div>
                                                    </td>
                                                </tr>
                                                <tr><td class="w195" width="195" height="10"></td></tr>
                                            </tbody></table>
                                        </td>
                                    </tr>
                                </tbody></table>
                            </layout>
                        </repeater>
                    </td>
                    <td class="w30" width="30"></td>
                </tr>
            </tbody></table>
        </td>
    </tr>
</tbody></table>
</td></tr>
                <tr>
                    <td class="w640" width="640"><table class="w640" width="640" cellpadding="0" cellspacing="0" border="0">
                        <tbody><tr>
                            <td class="w170" width="170" bgcolor="#f7df43" height="15"></td>
                            <td class="w470" width="470" bgcolor="#ffffff" height="15"></td>
                        </tr>
                       </tbody></table></td>
                </tr>
                
                <tr>
                <td class="w640" width="640">
    <table id="footer" class="w640" width="640" cellpadding="0" cellspacing="0" border="0" bgcolor="#000000">
    <tbody><tr><td class="w30" width="30"></td><td class="w580 h0" width="360" height="30"></td><td class="w0" width="60"></td><td class="w0" width="160"></td><td class="w30" width="30"></td></tr>
        <tr>
            <td class="w30" width="30"></td>
            <td class="w580" width="360" valign="top">
            <span class="hide"><p id="permission-reminder" align="left" class="footer-content-left"><span>You have received this email because you have either attended a past event, Magic Show, met Theo at a Networking Event, had a Massage or previously received information from Theo The Magician.</span><br>
<span></span><br>
<span>Copyright © 2012 Theo the Magician, All rights reserved.</span></p></span>
            <p align="left" class="footer-content-left"><preferences>Edit your subscription</preferences> | <unsubscribe>Unsubscribe instantly</unsubscribe></p>
            </td>
            <td class="hide w0" width="60"></td>
            <td class="hide w0" width="160" valign="top">
            <p id="street-address" align="right" class="footer-content-right"><span>Theo the Magician</span><br>
<span>5 Milton Avenue,</span><br>
<span>Sutton, SM1 3QB</span><br>
<span></span><br>
<span>This email as been produced for Theo the Magician by Factoremail.com which is a service provided by Factorestudio Ltd.</span></p>
            </td>
            <td class="w30" width="30"></td>
        </tr>
        <tr><td class="w30" width="30"></td><td class="w580 h0" width="360" height="15"></td><td class="w0" width="60"></td><td class="w0" width="160"></td><td class="w30" width="30"></td></tr>
    </tbody></table>
</td>
                </tr>
                <tr><td class="w640" width="640" height="60"></td></tr>
            </tbody></table>
        </td>
    </tr>
</tbody></table></body></html>
roshodgekiss roshodgekiss, 4 years ago

Hi Barbara, no worries - here's the code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
/* Mobile-specific Styles */
@media only screen and (max-device-width: 480px) {
table[class=w0], td[class=w0] {
    width: 0 !important;
}
table[class=w10], td[class=w10], img[class=w10] {
    width:10px !important;
}
table[class=w15], td[class=w15], img[class=w15] {
    width:5px !important;
}
table[class=w30], td[class=w30], img[class=w30] {
    width:10px !important;
}
table[class=w60], td[class=w60], img[class=w60] {
    width:10px !important;
}
table[class=w125], td[class=w125], img[class=w125] {
    width:80px !important;
}
table[class=w130], td[class=w130], img[class=w130] {
    width:55px !important;
}
table[class=w140], td[class=w140], img[class=w140] {
    width:90px !important;
}
table[class=w160], td[class=w160], img[class=w160] {
    width:180px !important;
}
table[class=w170], td[class=w170], img[class=w170] {
    width:100px !important;
}
table[class=w180], td[class=w180], img[class=w180] {
    width:80px !important;
}
table[class=w195], td[class=w195], img[class=w195] {
    width:80px !important;
}
table[class=w220], td[class=w220], img[class=w220] {
    width:80px !important;
}
table[class=w240], td[class=w240], img[class=w240] {
    width:180px !important;
}
table[class=w255], td[class=w255], img[class=w255] {
    width:185px !important;
}
table[class=w275], td[class=w275], img[class=w275] {
    width:135px !important;
}
table[class=w280], td[class=w280], img[class=w280] {
    width:135px !important;
}
table[class=w300], td[class=w300], img[class=w300] {
    width:140px !important;
}
table[class=w325], td[class=w325], img[class=w325] {
    width:95px !important;
}
table[class=w360], td[class=w360], img[class=w360] {
    width:140px !important;
}
table[class=w410], td[class=w410], img[class=w410] {
    width:180px !important;
}
table[class=w470], td[class=w470], img[class=w470] {
    width:200px !important;
}
table[class=w580], td[class=w580], img[class=w580] {
    width:280px !important;
}
table[class=w640], td[class=w640], img[class=w640] {
    width:300px !important;
}
table[class=hide], td[class=hide], img[class=hide], p[class=hide], span[class=hide], .hide {
    display:none !important;
}
table[class=h0], td[class=h0] {
    height: 0 !important;
}
p[class=footer-content-left] {
    text-align: center !important;
}
#headline p {
    font-size: 30px !important;
}
}
/* Client-specific Styles */
#outlook a {
    padding: 0;
}    /* Force Outlook to provide a "view in browser" button. */
body {
    width: 100% !important;
}
.ReadMsgBody {
    width: 100%;
}
.ExternalClass {
    width: 100%;
    display:block !important;
} /* Force Hotmail to display emails at full width */
/* Reset Styles */
/* Add 100px so mobile switch bar doesn't cover street address. */
html, body {
    background-color: #000000;
    margin: 0;
    padding: 0;
}
img {
    height: auto;
    line-height: 100%;
    outline: none;
    text-decoration: none;
    display: block;
}
br, strong br, b br, em br, i br {
    line-height:100%;
}
h1, h2, h3, h4, h5, h6 {
    line-height: 100% !important;
    -webkit-font-smoothing: antialiased;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: blue !important;
}
h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active {
    color: red !important;
}
/* Preferably not the same color as the normal header link color.  There is limited support for psuedo classes in email clients, this was added just for good measure. */
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {
    color: purple !important;
}
/* Preferably not the same color as the normal header link color. There is limited support for psuedo classes in email clients, this was added just for good measure. */  
table td, table tr {
    border-collapse: collapse;
}
.yshortcuts, .yshortcuts a, .yshortcuts a:link, .yshortcuts a:visited, .yshortcuts a:hover, .yshortcuts a span {
    color: black;
    text-decoration: none !important;
    border-bottom: none !important;
    background: none !important;
}    /* Body text color for the New Yahoo.  This example sets the font of Yahoo's Shortcuts to black. */
/* This most probably won't work in all email clients. Don't include <code _tmplitem="48" > blocks in email. */
code {
    white-space: normal;
    word-break: break-all;
}
#background-table {
    background-color: #000000;
}
/* Webkit Elements */
#top-bar {
    border-radius:6px 6px 0px 0px;
    -moz-border-radius: 6px 6px 0px 0px;
    -webkit-border-radius:6px 6px 0px 0px;
    -webkit-font-smoothing: antialiased;
    background-color: #c90404;
    color: #f2e609;
}
#top-bar a {
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
}
#footer {
    border-radius:0px 0px 6px 6px;
    -moz-border-radius: 0px 0px 6px 6px;
    -webkit-border-radius:0px 0px 6px 6px;
    -webkit-font-smoothing: antialiased;
}
/* Fonts and Content */
body {
    font-family: Helvetica Neue, Arial, Helvetica, Geneva, sans-serif;
}
.header-content, .footer-content-left, .footer-content-right {
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
}
/* Prevent Webkit and Windows Mobile platforms from changing default font sizes on header and footer. */
.header-content {
    font-size: 12px;
    color: #f2e609;
}
.header-content a {
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
}
#headline p {
    color: #444444;
    font-family: Helvetica Neue, Arial, Helvetica, Geneva, sans-serif;
    font-size: 36px;
    text-align: center;
    margin-top:0px;
    margin-bottom:30px;
}
#headline p a {
    color: #444444;
    text-decoration: none;
}
#left-sidebar .toc-item {
    font-family: Helvetica Neue, Arial, Helvetica, Geneva, sans-serif;
    font-size: 12px;
    line-height: 16px;
    color: #1F07AB;
    margin-top: 0px;
    margin-bottom: 6px;
}
#left-sidebar .toc-item a {
    color: #1F07AB;
    text-decoration: none;
}
#left-sidebar .toc-heading {
    font-family: Helvetica Neue, Arial, Helvetica, Geneva, sans-serif;
    font-size: 11px;
    line-height: 15px;
    color:#000000;
    font-weight:bold;
}
#left-sidebar .toc-heading a {
    color: #000000;
    text-decoration: none;
}
#left-sidebar .left-column-heading {
    font-family: Helvetica Neue, Arial, Helvetica, Geneva, sans-serif;
    font-size: 11px;
    line-height:15px;
    color: #000000;
    font-weight:bold;
}
#left-sidebar .left-column-heading a {
    color: #000000;
    text-decoration:none;
}
#left-sidebar .left-column-subhead {
    font-family: Helvetica Neue, Arial, Helvetica, Geneva, sans-serif;
    font-size: 13px;
    line-height: 16px;
    color: #C90404;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 16px;
}
#left-sidebar .left-column-subhead a {
    color: #C90404;
    text-decoration:none;
}
#left-sidebar .left-column-content {
    font-family: Helvetica Neue, Arial, Helvetica, Geneva, sans-serif;
    font-size: 12px;
    line-height: 16px;
    color: #000000;
    margin-top: 0px;
    margin-bottom: 16px;
}
#left-sidebar .left-column-content a {
    color: #1F07AB;
    text-decoration: none;
}
.article-title {
    font-size: 18px;
    line-height:24px;
    color: #1f07ab;
    font-weight:bold;
    margin-top:0px;
    margin-bottom:18px;
    font-family: Helvetica Neue, Arial, Helvetica, Geneva, sans-serif;
}
.article-title a {
    color: #1f07ab;
    text-decoration: none;
}
.article-title.with-meta {
    margin-bottom: 0;
}
.article-meta {
    font-size: 13px;
    line-height: 20px;
    color: #ccc;
    font-weight: bold;
    margin-top: 0;
}
.article-content {
    font-size: 13px;
    line-height: 18px;
    color: #444444;
    margin-top: 0px;
    margin-bottom: 18px;
    font-family: Helvetica Neue, Arial, Helvetica, Geneva, sans-serif;
}
.article-content a {
    color: #c90404;
    font-weight:bold;
    text-decoration:none;
}
.article-content img {
    max-width: 100%
}
.article-content ol, .article-content ul {
    margin-top:0px;
    margin-bottom:18px;
    margin-left:19px;
    padding:0;
}
.article-content li {
    font-size: 13px;
    line-height: 18px;
    color: #444444;
}
.article-content li a {
    color: #c90404;
    text-decoration:underline;
}
.article-content p {
    margin-bottom: 15px;
}
.footer-content-left {
    font-size: 12px;
    line-height: 15px;
    color: #ffffff;
    margin-top: 0px;
    margin-bottom: 15px;
}
.footer-content-left a {
    color: #F2E609;
    font-weight: bold;
    text-decoration: none;
}
.footer-content-right {
    font-size: 11px;
    line-height: 16px;
    color: #ffffff;
    margin-top: 0px;
    margin-bottom: 15px;
}
.footer-content-right a {
    color: #F2E609;
    font-weight: bold;
    text-decoration: none;
}
#footer {
    background-color: #000000;
    color: #ffffff;
}
#footer a {
    color: #F2E609;
    text-decoration: none;
    font-weight: bold;
}
#permission-reminder {
    white-space: normal;
}
#street-address {
    color: #ffffff;
    white-space: normal;
}
</style>
<!--[if gte mso 9]>
<style _tmplitem="48" >
.article-content ol, .article-content ul {
   margin: 0 0 0 24px;
   padding: 0;
   list-style-position: inside;
}
</style>
<![endif]-->
</head>
<body>
<table width="100%" cellpadding="0" cellspacing="0" border="0" id="background-table">
  <tbody>
    <tr>
      <td align="center" bgcolor="#000000"><table class="w640" width="640" cellpadding="0" cellspacing="0" border="0">
          <tbody>
            <tr>
              <td class="w640" width="640" height="20"></td>
            </tr>
            <tr>
              <td class="w640" width="640"><table id="top-bar" class="w640" width="640" cellpadding="0" cellspacing="0" border="0" bgcolor="#000000">
                  <tbody>
                    <tr>
                      <td class="w15" width="15"></td>
                      <td class="w325" width="350" valign="middle" align="left"><table class="w325" width="350" cellpadding="0" cellspacing="0" border="0">
                          <tbody>
                            <tr>
                              <td class="w325" width="350" height="8"></td>
                            </tr>
                          </tbody>
                        </table>
                        <div class="header-content">
                          <webversion>Web version</webversion>
                          <span class="hide">&nbsp;&nbsp;|&nbsp;
                          <preferences>Update preferences</preferences>
                          &nbsp;&nbsp;|&nbsp;
                          <unsubscribe>Unsubscribe</unsubscribe>
                          </span></div>
                        <table class="w325" width="350" cellpadding="0" cellspacing="0" border="0">
                          <tbody>
                            <tr>
                              <td class="w325" width="350" height="8"></td>
                            </tr>
                          </tbody>
                        </table></td>
                      <td class="w30" width="30"></td>
                      <td class="w255" width="255" valign="middle" align="right"><table class="w255" width="255" cellpadding="0" cellspacing="0" border="0">
                          <tbody>
                            <tr>
                              <td class="w255" width="255" height="8"></td>
                            </tr>
                          </tbody>
                        </table>
                        <table cellpadding="0" cellspacing="0" border="0">
                          <tbody>
                            <tr>
                              <td valign="middle"><fblike likeurl="http://www.magictheo.com/london-magician-corporate-childrens-wedding-charity/extreme-business-networking-theo-magician"><img src="http://img.createsend1.com/img/templatebuilder/like-glyph.png" border="0" width="8" height="14" alt="Facebook icon"=""></fblike></td>
                              <td width="3"></td>
                              <td valign="middle"><div class="header-content">
                                  <fblike likeurl="http://www.magictheo.com/london-magician-corporate-childrens-wedding-charity/extreme-business-networking-theo-magician">Like</fblike>
                                </div></td>
                              <td class="w10" width="10"></td>
                              <td valign="middle"><tweet><img src="http://img.createsend1.com/img/templatebuilder/tweet-glyph.png" border="0" width="17" height="13" alt="Twitter icon"=""></tweet></td>
                              <td width="3"></td>
                              <td valign="middle"><div class="header-content">
                                  <tweet>Tweet</tweet>
                                </div></td>
                              <td class="w10" width="10"></td>
                              <td valign="middle"><forwardtoafriend><img src="http://img.createsend1.com/img/templatebuilder/forward-glyph.png" border="0" width="19" height="14" alt="Forward icon"=""></forwardtoafriend></td>
                              <td width="3"></td>
                              <td valign="middle"><div class="header-content">
                                  <forwardtoafriend>Forward</forwardtoafriend>
                                </div></td>
                            </tr>
                          </tbody>
                        </table>
                        <table class="w255" width="255" cellpadding="0" cellspacing="0" border="0">
                          <tbody>
                            <tr>
                              <td class="w255" width="255" height="8"></td>
                            </tr>
                          </tbody>
                        </table></td>
                      <td class="w15" width="15"></td>
                    </tr>
                  </tbody>
                </table></td>
            </tr>
            <tr>
              <td id="header" class="w640" width="640" align="center" bgcolor="#000000"><div align="center" style="text-align: center"><img id="customHeaderImage" src="/images/extreme_networking_bannerhead_2012.102543.jpg" class="w640" border="0" align="top" style="display: inline"></div></td>
            </tr>
            <tr id="twocolumn-content-row">
              <td class="w640" width="640"><table class="w640" width="640" cellpadding="0" cellspacing="0" border="0">
                  <tbody>
                    <tr>
                      <td class="w470" width="470" bgcolor="#ffffff" valign="top"><table class="w470" width="470" cellpadding="0" cellspacing="0" border="0">
                          <tbody>
                            <tr>
                              <td class="w470" width="470" height="30"></td>
                            </tr>
                          </tbody>
                        </table>
                        <table class="w470" width="470" cellpadding="0" cellspacing="0" border="0">
                          <tbody>
                            <tr>
                              <td class="w30" width="30"></td>
                              <td class="w410" width="410"><repeater>
                                  <layout label="Text only">
                                    <table class="w410" width="410" cellpadding="0" cellspacing="0" border="0">
                                      <tbody>
                                        <tr>
                                          <td class="w410" width="410"><p align="left" class="article-title">
                                              <singleline repeatertitle="true" label="Article Title">Add a title</singleline>
                                            </p>
                                            <div align="left" class="article-content">
                                              <multiline label="Description">Enter your description</multiline>
                                            </div></td>
                                        </tr>
                                        <tr>
                                          <td class="w410" width="410" height="10"></td>
                                        </tr>
                                      </tbody>
                                    </table>
                                  </layout>
                                  <layout label="Text with full-width image">
                                    <table class="w410" width="410" cellpadding="0" cellspacing="0" border="0">
                                      <tbody>
                                        <tr>
                                          <td class="w410" width="410"><p align="left" class="article-title">
                                              <singleline repeatertitle="true" label="Article Title">Add a title</singleline>
                                            </p></td>
                                        </tr>
                                        <tr>
                                          <td class="w410" width="410"><img editable="true" label="Image" class="w410" width="410" border="0"></td>
                                        </tr>
                                        <tr>
                                          <td class="w410" width="410" height="15"></td>
                                        </tr>
                                        <tr>
                                          <td class="w410" width="410"><div align="left" class="article-content">
                                              <multiline label="Description">Enter your description</multiline>
                                            </div></td>
                                        </tr>
                                        <tr>
                                          <td class="w410" width="410" height="10"></td>
                                        </tr>
                                      </tbody>
                                    </table>
                                  </layout>
                                  <layout label="Text with right-aligned image">
                                    <table class="w410" width="410" cellpadding="0" cellspacing="0" border="0">
                                      <tbody>
                                        <tr>
                                          <td class="w410" width="410"><p align="left" class="article-title">
                                              <singleline repeatertitle="true" label="Article Title">Add a title</singleline>
                                            </p>
                                            <table cellpadding="0" cellspacing="0" border="0" align="right">
                                              <tbody>
                                                <tr>
                                                  <td class="w30" width="15"></td>
                                                  <td><img editable="true" label="Image" class="w220" width="220" border="0"></td>
                                                </tr>
                                                <tr>
                                                  <td class="w30" width="15" height="5"></td>
                                                  <td></td>
                                                </tr>
                                              </tbody>
                                            </table>
                                            <div align="left" class="article-content">
                                              <multiline label="Description">Enter your description</multiline>
                                            </div></td>
                                        </tr>
                                        <tr>
                                          <td class="w410" width="410" height="10"></td>
                                        </tr>
                                      </tbody>
                                    </table>
                                  </layout>
                                  <layout label="Text with left-aligned image">
                                    <table class="w410" width="410" cellpadding="0" cellspacing="0" border="0">
                                      <tbody>
                                        <tr>
                                          <td class="w410" width="410"><p align="left" class="article-title">
                                              <singleline repeatertitle="true" label="Article Title">Add a title</singleline>
                                            </p>
                                            <table cellpadding="0" cellspacing="0" border="0" align="left">
                                              <tbody>
                                                <tr>
                                                  <td><img editable="true" label="Image" class="w220" width="220" border="0"></td>
                                                  <td class="w30" width="15"></td>
                                                </tr>
                                                <tr>
                                                  <td></td>
                                                  <td class="w30" width="15" height="5"></td>
                                                </tr>
                                              </tbody>
                                            </table>
                                            <div align="left" class="article-content">
                                              <multiline label="Description">Enter your description</multiline>
                                            </div></td>
                                        </tr>
                                        <tr>
                                          <td class="w410" width="410" height="10"></td>
                                        </tr>
                                      </tbody>
                                    </table>
                                  </layout>
                                  <layout label="Image gallery">
                                    <table class="w410" width="410" cellpadding="0" cellspacing="0" border="0">
                                      <tbody>
                                        <tr>
                                          <td class="w195" width="195" valign="top"><table class="w195" width="195" cellpadding="0" cellspacing="0" border="0">
                                              <tbody>
                                                <tr>
                                                  <td class="w195" width="195"><img editable="true" label="Image" class="w195" width="195" border="0"></td>
                                                </tr>
                                                <tr>
                                                  <td class="w195" width="195" height="10"></td>
                                                </tr>
                                                <tr>
                                                  <td class="w195" width="195"><div align="left" class="article-content">
                                                      <multiline label="Description">Enter your description</multiline>
                                                    </div></td>
                                                </tr>
                                                <tr>
                                                  <td class="w195" width="195" height="10"></td>
                                                </tr>
                                              </tbody>
                                            </table></td>
                                          <td width="20"></td>
                                          <td class="w195" width="195" valign="top"><table class="w195" width="195" cellpadding="0" cellspacing="0" border="0">
                                              <tbody>
                                                <tr>
                                                  <td class="w195" width="195"><img editable="true" label="Image" class="w195" width="195" border="0"></td>
                                                </tr>
                                                <tr>
                                                  <td class="w195" width="195" height="10"></td>
                                                </tr>
                                                <tr>
                                                  <td class="w195" width="195"><div align="left" class="article-content">
                                                      <multiline label="Description">Enter your description</multiline>
                                                    </div></td>
                                                </tr>
                                                <tr>
                                                  <td class="w195" width="195" height="10"></td>
                                                </tr>
                                              </tbody>
                                            </table></td>
                                        </tr>
                                      </tbody>
                                    </table>
                                  </layout>
                                </repeater></td>
                              <td class="w30" width="30"></td>
                            </tr>
                          </tbody>
                        </table></td>
                      <td class="w15" width="15" bgcolor="#f7df43"></td>
                      <td id="left-sidebar" class="w140" width="140" bgcolor="#f7df43" valign="top" align="left"><table class="w140" width="140" cellpadding="0" cellspacing="0" border="0">
                          <tbody>
                            <tr>
                              <td class="w140" width="140" height="15"></td>
                            </tr>
                            <tr>
                              <td class="w140" width="140"><div align="left" class="left-column-heading">
                                  <singleline label="Title">THEO APPEARS ON THE DES O'CONNOR SHOW</singleline>
                                </div></td>
                            </tr>
                          </tbody>
                        </table>
                        <repeater>
                          <layout label="Text only">
                            <table class="w140" width="140" cellpadding="0" cellspacing="0" border="0">
                              <tbody>
                                <tr>
                                  <td class="w140" width="140" height="15"></td>
                                </tr>
                                <tr>
                                  <td class="w140" width="140"><p align="left" class="left-column-subhead">
                                      <singleline label="Title">Add a title</singleline>
                                    </p>
                                    <div align="left" class="left-column-content">
                                      <multiline label="Description">Enter your description</multiline>
                                    </div></td>
                                </tr>
                              </tbody>
                            </table>
                          </layout>
                          <layout label="Text with image">
                            <table class="w140" width="140" cellpadding="0" cellspacing="0" border="0">
                              <tbody>
                                <tr>
                                  <td class="w140" width="140" height="15"></td>
                                </tr>
                                <tr>
                                  <td class="w140" width="140"><p align="left" class="left-column-subhead">
                                      <singleline label="Title">Add a title</singleline>
                                    </p></td>
                                </tr>
                                <tr>
                                  <td class="w140" width="140"><img editable="true" label="Image" width="140" class="w140" border="0"></td>
                                </tr>
                                <tr>
                                  <td class="w140" width="140" height="15"></td>
                                </tr>
                                <tr>
                                  <td class="w140" width="140"><div align="left" class="left-column-content">
                                      <multiline label="Description">Enter your description</multiline>
                                    </div></td>
                                </tr>
                              </tbody>
                            </table>
                          </layout>
                        </repeater></td>
                      <td class="w15" width="15" bgcolor="#f7df43"></td>
                    </tr>
                  </tbody>
                </table></td>
            </tr>
            <tr>
              <td class="w640" width="640"><table class="w640" width="640" cellpadding="0" cellspacing="0" border="0">
                  <tbody>
                    <tr>
                      <td class="w470" width="470" bgcolor="#ffffff" height="15"></td>
                      <td class="w170" width="170" bgcolor="#f7df43" height="15"></td>
                    </tr>
                  </tbody>
                </table></td>
            </tr>
            <tr>
              <td class="w640" width="640"><table id="footer" class="w640" width="640" cellpadding="0" cellspacing="0" border="0" bgcolor="#000000">
                  <tbody>
                    <tr>
                      <td class="w30" width="30"></td>
                      <td class="w580 h0" width="360" height="30"></td>
                      <td class="w0" width="60"></td>
                      <td class="w0" width="160"></td>
                      <td class="w30" width="30"></td>
                    </tr>
                    <tr>
                      <td class="w30" width="30"></td>
                      <td class="w580" width="360" valign="top"><span class="hide">
                        <p id="permission-reminder" align="left" class="footer-content-left"><span>You have received this email because you have either attended a past event, Magic Show, met Theo at a Networking Event, had a Massage or previously received information from Theo The Magician.</span><br>
                          <span></span><br>
                          <span>Copyright © 2012 Theo the Magician, All rights reserved.</span></p>
                        </span>
                        <p align="left" class="footer-content-left">
                          <preferences>Edit your subscription</preferences>
                          |
                          <unsubscribe>Unsubscribe instantly</unsubscribe>
                        </p></td>
                      <td class="hide w0" width="60"></td>
                      <td class="hide w0" width="160" valign="top"><p id="street-address" align="right" class="footer-content-right"><span>Theo the Magician</span><br>
                          <span>5 Milton Avenue,</span><br>
                          <span>Sutton, SM1 3QB</span><br>
                          <span></span><br>
                          <span>This email as been produced for Theo the Magician by Factoremail.com which is a service provided by Factorestudio Ltd.</span></p></td>
                      <td class="w30" width="30"></td>
                    </tr>
                    <tr>
                      <td class="w30" width="30"></td>
                      <td class="w580 h0" width="360" height="15"></td>
                      <td class="w0" width="60"></td>
                      <td class="w0" width="160"></td>
                      <td class="w30" width="30"></td>
                    </tr>
                  </tbody>
                </table></td>
            </tr>
            <tr>
              <td class="w640" width="640" height="60"></td>
            </tr>
          </tbody>
        </table></td>
    </tr>
  </tbody>
</table>
</body>
</html>

Have a great weekend!


Get in touch with us on Twitter: http://twitter.com/campaignmonitor
We're also on Facebook: http://facebook.com/campaignmonitor
Barbara Pilgrim, 4 years ago

Great, thank you! Can you tell me which lines of code you had to change?

roshodgekiss roshodgekiss, 4 years ago

Hi Barbara, I didn't so much change individual lines of code, as move this section so the column sits on the right, instead of the left of the 'w470' column:

<td id="left-sidebar" class="w140" width="140" bgcolor="#f7df43" valign="top" align="left"><table class="w140" width="140" cellpadding="0" cellspacing="0" border="0">
                          <tbody>
                            <tr>
                              <td class="w140" width="140" height="15"></td>
                            </tr>
                            <tr>
                              <td class="w140" width="140"><div align="left" class="left-column-heading">
                                  <singleline label="Title">THEO APPEARS ON THE DES O'CONNOR SHOW</singleline>
                                </div></td>
                            </tr>
                          </tbody>
                        </table>
                        <repeater>
                          <layout label="Text only">
                            <table class="w140" width="140" cellpadding="0" cellspacing="0" border="0">
                              <tbody>
                                <tr>
                                  <td class="w140" width="140" height="15"></td>
                                </tr>
                                <tr>
                                  <td class="w140" width="140"><p align="left" class="left-column-subhead">
                                      <singleline label="Title">Add a title</singleline>
                                    </p>
                                    <div align="left" class="left-column-content">
                                      <multiline label="Description">Enter your description</multiline>
                                    </div></td>
                                </tr>
                              </tbody>
                            </table>
                          </layout>
                          <layout label="Text with image">
                            <table class="w140" width="140" cellpadding="0" cellspacing="0" border="0">
                              <tbody>
                                <tr>
                                  <td class="w140" width="140" height="15"></td>
                                </tr>
                                <tr>
                                  <td class="w140" width="140"><p align="left" class="left-column-subhead">
                                      <singleline label="Title">Add a title</singleline>
                                    </p></td>
                                </tr>
                                <tr>
                                  <td class="w140" width="140"><img editable="true" label="Image" width="140" class="w140" border="0"></td>
                                </tr>
                                <tr>
                                  <td class="w140" width="140" height="15"></td>
                                </tr>
                                <tr>
                                  <td class="w140" width="140"><div align="left" class="left-column-content">
                                      <multiline label="Description">Enter your description</multiline>
                                    </div></td>
                                </tr>
                              </tbody>
                            </table>
                          </layout>
                        </repeater></td>
                      <td class="w15" width="15" bgcolor="#f7df43"></td>
                    </tr>
                  </tbody>
                </table></td>

I hope that makes sense - many thanks!


Get in touch with us on Twitter: http://twitter.com/campaignmonitor
We're also on Facebook: http://facebook.com/campaignmonitor
tfmurphhk tfmurphhk, 4 years ago

I am perhaps in the same boat.. except that I "thought" I knew a bit more HTML than apparently I do.

I have a template that I built using the Template Builder and I am 99% happy with it... BUT I want to put a border around it similar to an email I received from a 3rd party.  I messed around with the template but can't find where/how to insert the border.

As all the code is too long, can I email my code to someone.. and the sample of the page I want mine to look like.. and get some help?

Who do I email to?  Ros seems to be the one, but I don't have an email address for her.

Tom

roshodgekiss roshodgekiss, 4 years ago

Hi tfmurphhk, welcome to the forums. You're welcome to email our team at support [at] campaignmonitor.com. In the interim, I can highly recommend taking Codeacademy's 'HTML Fundamentals' course for getting started with HTML coding. All the best!


Get in touch with us on Twitter: http://twitter.com/campaignmonitor
We're also on Facebook: http://facebook.com/campaignmonitor

Join 200,000 companies around the world that use Campaign Monitor to run email marketing campaigns that deliver results for their business.

Get started for free
1-888-533-8098