Mashup of Various Templates Not Working on Mobile
Hello All,
I'm hoping you might be able to help me, I'm working on setting up a new newsletter template (ignore the content for now, it's just placeholders) and I have combined some elements from various Litmus Stamplia Templates, namely 'Underscore', 'Nexit' and 'Simply'.
It appears to be displaying fine in Outlook, though there are some issues in mobile (on iPhone 6). The issues I'm having are:
1: The two boxes (digital print and stationery packs) are not displaying the same width as main image above, I've had this issue since day one, even the original template shows the same. (see image below)
2: The story "Introducing our new Press" is running full width, not the same width as the rest of the content. (see image below)
3: The bottom bar with the social media icons is also displaying full width. (see image below)
I suspect it may be due to me incorporating the styles from the other templates, but my knowledge doesn't stretch to whether that is the case.
I'd be eternally grateful if someone with a little more knowledge than I could shed some light on to what mightbe occurring?
Many Thanks, James
I've pasted in the code below:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Nexit</title>
<style type="text/css">
/* Client-specific Styles */
#outlook a {padding:0;} /* Force Outlook to provide a "view in browser" menu link. */
body{width:100% !important; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; margin:0; padding:0;}
/* Prevent Webkit and Windows Mobile platforms from changing default font sizes, while not breaking desktop design. */
.ExternalClass {width:100%;} /* Force Hotmail to display emails at full width */
.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;} /* Force Hotmail to display normal line spacing. More on that: http://www.emailonacid.com/forum/viewthread/43/ */
#backgroundTable {margin:0; padding:0; width:100% !important; line-height: 100% !important;}
img {outline:none; text-decoration:none;border:none; -ms-interpolation-mode: bicubic;}
a img {border:none;}
.image_fix {display:block;}
p {margin: 0px 0px !important;}
table td {border-collapse: collapse;}
table { border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; }
a {color: #33b9ff;text-decoration: none;text-decoration:none!important;}
/*STYLES*/
table[class=full] { width: 100%; clear: both; }
/*IPAD STYLES*/
@media only screen and (max-width: 640px) {
a[href^="tel"], a[href^="sms"] {
text-decoration: none;
color: #33b9ff; /* or whatever your want */
pointer-events: none;
cursor: default;
}
.mobile_link a[href^="tel"], .mobile_link a[href^="sms"] {
text-decoration: default;
color: #33b9ff !important;
pointer-events: auto;
cursor: default;
}
table[class=devicewidth] {width: 440px!important;text-align:center!important;}
table[class=devicewidthinner] {width: 420px!important;text-align:center!important;}
table[class=mainsmall1] { float:left!important;}
table[class=mainsmall2] { float:right!important;}
table[class=banner-gap] { display:none!important;}
img[class="bannerbig"] {width: 440px!important;height:371px!important;}
img[class="spacinglines"]{width: 420px!important;}
}
/*IPHONE STYLES*/
@media only screen and (max-width: 480px) {
a[href^="tel"], a[href^="sms"] {
text-decoration: none;
color: #33b9ff; /* or whatever your want */
pointer-events: none;
cursor: default;
}
.mobile_link a[href^="tel"], .mobile_link a[href^="sms"] {
text-decoration: default;
color: #33b9ff !important;
pointer-events: auto;
cursor: default;
}
table[class=devicewidth] {width: 280px!important;text-align:center!important;}
table[class=devicewidthinner] {width: 260px!important;text-align:center!important;}
table[class=mainsmall1] { float:left!important;width: 120px!important;height:90px!important;}
table[class=mainsmall2] { float:right!important;width: 120px!important;height:90px!important;}
img[class=mainsmall1] { width: 120px!important;height:90px!important;}
img[class=mainsmall2] { width: 120px!important;height:90px!important;}
table[class=banner-gap] { display:none!important;}
img[class="bannerbig"] {width: 280px!important;height:236px!important;}
img[class="spacinglines"]{width: 260px!important;}
}
</style>
</head>
<body>
<!-- Start of preheader -->
<table width="100%" bgcolor="#f7f7f7" cellpadding="0" cellspacing="0" border="0" id="backgroundTable" st-sortable="preheader" >
<tbody>
<tr>
<td>
<table width="600" cellpadding="0" cellspacing="0" border="0" align="center" class="devicewidth">
<tbody>
<tr>
<td width="100%">
<table width="600" cellpadding="0" cellspacing="0" border="0" align="center" class="devicewidth">
<tbody>
<!-- Spacing -->
<tr>
<td width="100%" height="10"></td>
</tr>
<!-- Spacing -->
<tr>
<td>
<table width="280" align="left" border="0" cellpadding="0" cellspacing="0" class="devicewidth">
<tbody>
<tr>
<td align="left" valign="middle" style="font-family: Helvetica, arial, sans-serif; font-size: 10px;color: #6a2c91" st-content="viewonline">Dear *|FNAME|* AND *|LNAME|*Here's the latest news from Newman Thomson</td>
</tr>
</tbody>
</table>
<table width="280" align="right" border="0" cellpadding="0" cellspacing="0" class="devicewidth">
<tbody>
<tr>
<td align="right" valign="middle" style="font-family: Helvetica, arial, sans-serif; font-size: 10px;color: #6a2c91" st-content="viewonline">
<a href="#" style="text-decoration:none;color:#6a2c91">View Online</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<!-- Spacing -->
<tr>
<td width="100%" height="10"></td>
</tr>
<!-- Spacing -->
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- End of preheader -->
<!-- Start of header -->
<table width="100%" bgcolor="#f7f7f7" cellpadding="0" cellspacing="0" border="0" id="backgroundTable" st-sortable="header">
<tbody>
<tr>
<td>
<table width="600" cellpadding="0" cellspacing="0" border="0" align="center" class="devicewidth">
<tbody>
<tr>
<td width="100%">
<table width="600" cellpadding="0" cellspacing="0" border="0" align="center" class="devicewidth">
<tbody>
<!-- Spacing -->
<tr>
<td width="100%" height="10"></td>
</tr>
<!-- Spacing -->
<tr>
<td>
<!-- logo -->
<table width="183" align="left" border="0" cellpadding="0" cellspacing="0" class="devicewidth">
<tbody>
<tr>
<td width="242" height="74" align="left">
<div class="imgpop">
<a target="new" href="https://goo.gl/Yn3pNV">
<img src="https://gallery.mailchimp.com/a22dc184b5eaa0ddb904efa3d/images/23a22174-2f86-4f9d-9fa2-9a2d4b507878.png?_ga=1.229067487.258004978.1486471473" alt="Newman Thomson Logo" border="0" width="242" height="74" style="display:block; border:none; outline:none; text-decoration:none;">
</a>
</div>
</td>
</tr>
</tbody>
</table>
<!-- end of logo -->
</td>
</tr>
<!-- Spacing -->
<tr>
<td width="100%" height="10"></td>
</tr>
<!-- Spacing -->
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- End of Header -->
<!-- Start of menu -->
<table width="100%" bgcolor="#f7f7f7" cellpadding="0" cellspacing="0" border="0" id="backgroundTable" st-sortable="menu" >
<tbody>
<tr>
<td>
<table width="600" cellpadding="0" cellspacing="0" border="0" align="center" class="devicewidth">
<tbody>
<tr>
<td width="100%">
<table width="600" bgcolor="#6a2c91" cellpadding="0" cellspacing="0" border="0" align="center" class="devicewidth">
<tbody>
<!-- Spacing -->
<tr>
<td width="100%" height="10"></td>
</tr>
<!-- Spacing -->
<tr>
<td>
<table width="280" align="left" border="0" cellpadding="0" cellspacing="0" class="devicewidth">
<tbody>
<tr>
<td align="left" valign="middle" style="font-family: Helvetica, arial, sans-serif; font-size: 14px;color: #FFFFFF" st-content="viewonline">
<a href="https://goo.gl/Yn3pNV" style="text-decoration:none;color:#ffffff">HOME</a>
<a href="https://goo.gl/Vn18pM" style="text-decoration:none;color:#ffffff">PORTFOLIO</a>
<a href="https://goo.gl/J9jwbb" style="text-decoration:none;color:#ffffff">CONTACT US</a></td>
</tr>
</tbody>
</table>
</td>
</tr>
<!-- Spacing -->
<tr>
<td width="100%" height="10"></td>
</tr>
<!-- Spacing -->
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<!-- Spacing -->
<tr>
<td width="100%" height="20"></td>
</tr>
<!-- Spacing -->
</tbody>
</table>
<!-- End of menu -->
<!-- Start of banner -->
<table width="100%" bgcolor="#f7f7f7" cellpadding="0" cellspacing="0" border="0" id="backgroundTable" st-sortable="header">
<tbody>
<tr>
<td>
<table width="600" cellpadding="0" cellspacing="0" border="0" align="center" class="devicewidth">
<tbody>
<tr>
<td width="100%">
<table width="600" cellpadding="0" cellspacing="0" border="0" align="center" class="devicewidth">
<tbody>
<tr>
<td>
<!-- big image -->
<table width="380" align="left" border="0" cellpadding="0" cellspacing="0" class="devicewidth">
<tbody>
<tr>
<td width="396" height="320" align="left">
<div class="imgpop">
<a target="new" href="https://goo.gl/qzR9pN">
<img src="https://gallery.mailchimp.com/a22dc184b5eaa0ddb904efa3d/images/259a5b9b-6205-48d5-aa91-50b6f2443e70.png?_ga=1.29313791.258004978.1486471473" alt="Pop-up banners from £75" border="0" width="396" height="320" style="display:block; border:none; outline:none; text-decoration:none;" class="bannerbig">
</a>
</div>
</td>
</tr>
</tbody>
</table>
<!-- end of big image -->
<!-- big image -->
<table width="200" cellpadding="0" cellspacing="0" border="0" align="right" class="devicewidth">
<tbody>
<tr>
<td width="100%">
<table width="204" height="160" align="right" valign="top" border="0" cellpadding="0" cellspacing="0" class="mainsmall1">
<tbody>
<tr>
<td align="left">
<div class="imgpop">
<a target="new" href="https://goo.gl/j0srn9">
<img src="https://gallery.mailchimp.com/a22dc184b5eaa0ddb904efa3d/images/fb107053-2920-439b-bd32-d089f527a8cb.png?_ga=1.200606317.258004978.1486471473" alt="Talk to us about digital print" border="0" width="204" height="160" style="display:block; border:none; outline:none; text-decoration:none;" class="mainsmall1">
</a>
</div>
</td>
</tr>
<tr>
<td align="right">
<div class="imgpop">
<a target="new" href="https://goo.gl/gtIu0s">
<img src="https://gallery.mailchimp.com/a22dc184b5eaa0ddb904efa3d/images/5e239174-a8e4-412e-9368-62a7b876dbe6.png?_ga=1.263611983.258004978.1486471473" alt="Stationery Packs from £200" border="0" width="204" height="160" style="display:block; border:none; outline:none; text-decoration:none;" class="mainsmall2">
</a>
</div>
</td>
</tr>
</tbody>
</table>
<!-- end of big image -->
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- End of banner -->
<!-- text -->
<table width="100%" bgcolor="#f7f7f7" cellpadding="0" cellspacing="0" border="0" id="backgroundTable" st-sortable="full-text">
<tbody>
<tr>
<td>
<table width="600" cellpadding="0" cellspacing="0" border="0" align="center" class="devicewidth">
<tbody>
<tr>
<td width="100%">
<table width="600" cellpadding="0" cellspacing="0" border="0" align="center" class="devicewidth">
<tbody>
<!-- Spacing -->
<tr>
<td height="20" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;"> </td>
</tr>
<!-- Spacing -->
<tr>
<td>
<table width="560" align="center" cellpadding="0" cellspacing="0" border="0" class="devicewidthinner">
<tbody>
<!-- Spacing -->
<tr>
<td width="100%" height="15" align="center" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;">
<img src="https://gallery.mailchimp.com/a22dc184b5eaa0ddb904efa3d/images/313dbed2-d853-4ca4-8180-321d3e5a5dae.png?_ga=1.61886063.258004978.1486471473" alt="" border="0" style="display:block; border:none; outline:none; text-decoration:none;" class="spacinglines">
</td>
</tr>
<!-- Spacing -->
<!-- spacing -->
<tr>
<td width="100%" height="20" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;"> </td>
</tr>
<!-- End of spacing -->
<!-- Title -->
<tr>
<td style="font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, sans-serif; font-size: 20px; font-weight: bold; color: #6A2C91
; text-align: center; line-height: 24px;">did you know we print point of sale display items?</td>
</tr>
<!-- End of Title -->
<!-- spacing -->
<tr>
<td width="100%" height="15" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;"> </td>
</tr>
<!-- End of spacing -->
<!-- content -->
<tr>
<td style="font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, sans-serif; font-size: 14px; color: #333333; text-align: center; line-height: 24px;">We offer a range of printed point of sale display items, including Shelf Wobblers, Barkers, Swing Tags and Table Talkers with prices starting from just £XXX.00 for 200</td>
</tr>
<!-- End of content -->
<!-- spacing -->
<tr>
<td width="100%" height="20" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;"> </td>
</tr>
<!-- End of spacing -->
<!-- Spacing -->
<tr>
<td width="100%" height="15" align="center" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;">
<img src="https://gallery.mailchimp.com/a22dc184b5eaa0ddb904efa3d/images/313dbed2-d853-4ca4-8180-321d3e5a5dae.png?_ga=1.61886063.258004978.1486471473" alt="" border="0" style="display:block; border:none; outline:none; text-decoration:none;" class="spacinglines">
</td>
</tr>
<!-- Spacing -->
</tbody>
</table>
</td>
</tr>
<!-- Spacing -->
<tr>
<td height="20" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;"> </td>
</tr>
<!-- Spacing -->
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- end of text -->
<!-- 3 columns -->
<table width="100%" bgcolor="#f7f7f7" cellpadding="0" cellspacing="0" border="0" id="backgroundTable">
<tbody>
<tr>
<td>
<table width="600" cellpadding="0" cellspacing="0" border="0" align="center" class="devicewidth">
<tbody>
<tr>
<td width="100%">
<table width="600" cellpadding="0" cellspacing="0" border="0" align="center" class="devicewidth">
<tbody>
<tr>
<td>
<!-- col 1 -->
<table bgcolor="#ffffff" width="186" align="left" border="0" cellpadding="0" cellspacing="0" class="devicewidth">
<tbody>
<!-- image 2 -->
<tr>
<td width="186" height="250" align="center" class="devicewidth"><a href="https://goo.gl/MB9y5J" target="new"><img src="https://gallery.mailchimp.com/a22dc184b5eaa0ddb904efa3d/images/67e249ad-ea09-48a1-a710-cc198a1dc0a1.png?_ga=1.66070253.258004978.1486471473" alt="Shelf Wobblers" border="0" width="186" height="250" style="display:block; border:none; outline:none; text-decoration:none;"></a>
</td>
</tr>
<!-- end of image2 -->
<tr>
<td>
<!-- start of text content table -->
<table width="186" align="center" border="0" cellpadding="0" cellspacing="0" class="devicewidthinner">
<tbody>
<!-- Spacing -->
<tr>
<td width="100%" height="5" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;"> </td>
</tr>
<!-- Spacing -->
<!-- title2 -->
<tr>
<td style="font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, sans-serif; font-size: 14px; color: #333333; text-align: center; line-height: 24px;" st-title="3col-title1">
Shelf Wobblers
</td>
</tr>
<!-- end of title2 -->
<!-- read more -->
<tr>
<td style="font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, sans-serif; font-size: 14px; color: #6a2c91; text-align: center; line-height: 20px; font-weight: bold;" st-title="3col-price">from £XXX for 200</td>
</tr>
<!-- end of read more -->
</tbody>
</table>
</td>
</tr>
<!-- end of text content table -->
</tbody>
</table>
<!-- spacing -->
<table width="20" align="left" border="0" cellpadding="0" cellspacing="0" class="removeMobile">
<tbody>
<tr>
<td width="100%" height="15" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;"> </td>
</tr>
</tbody>
</table>
<!-- end of spacing -->
<!-- col 2 -->
<table bgcolor="#ffffff" width="186" align="left" border="0" cellpadding="0" cellspacing="0" class="devicewidth">
<tbody>
<!-- image 2 -->
<tr>
<td width="186" height="250" align="center" class="devicewidth"><a href="https://goo.gl/NsbtV6" target="new"><img src="https://gallery.mailchimp.com/a22dc184b5eaa0ddb904efa3d/images/bcdbcab0-e0a4-4f33-bb48-82e9a0404141.png?_ga=1.266863309.258004978.1486471473" alt="Swing Tags" border="0" width="186" height="250" style="display:block; border:none; outline:none; text-decoration:none;"></a>
</td>
</tr>
<!-- end of image2 -->
<tr>
<td>
<!-- start of text content table -->
<table width="186" align="center" border="0" cellpadding="0" cellspacing="0" class="devicewidthinner">
<tbody>
<!-- Spacing -->
<tr>
<td width="100%" height="5" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;"> </td>
</tr>
<!-- Spacing -->
<!-- title2 -->
<tr>
<td style="font-family: Helvetica, arial, sans-serif; font-size: 14px; color: #222222; text-align:center; line-height: 24px;" st-title="3col-title2"><span style="font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, sans-serif; font-size: 14px; color: #333333; text-align: center; line-height: 24px;"> Swing Tags </span></td>
</tr>
<!-- end of title2 -->
<!-- read more -->
<tr>
<td style="font-family: Helvetica, arial, sans-serif; font-size: 14px; color: #903537; text-align:center; line-height: 20px;" st-title="3col-readmore2"><span style="font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, sans-serif; font-size: 14px; color: #6a2c91; text-align: center; line-height: 20px; font-weight: bold;">from £XXX for 200</span></td>
</tr>
<!-- end of read more -->
</tbody>
</table>
</td>
</tr>
<!-- end of text content table -->
</tbody>
</table>
<!-- end of col 2 -->
<!-- spacing -->
<table width="1" align="left" border="0" cellpadding="0" cellspacing="0" class="removeMobile">
<tbody>
<tr>
<td width="100%" height="15" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;"> </td>
</tr>
</tbody>
</table>
<!-- end of spacing -->
<!-- col 3 -->
<table bgcolor="#ffffff" width="186" align="right" border="0" cellpadding="0" cellspacing="0" class="devicewidth">
<tbody>
<!-- image3 -->
<tr>
<td width="186" height="250" align="center" class="devicewidth"><a href="https://goo.gl/PsVupW" target="new"><img src="https://gallery.mailchimp.com/a22dc184b5eaa0ddb904efa3d/images/635f3f31-5ca7-4d1d-b856-29971eb52cb1.png?_ga=1.66004461.258004978.1486471473" alt="Table Talkers" border="0" width="186" height="250" style="display:block; border:none; outline:none; text-decoration:none;"></a>
</td>
</tr>
<!-- end of image3 -->
<tr>
<td>
<!-- start of text content table -->
<table width="186" align="center" border="0" cellpadding="0" cellspacing="0" class="devicewidthinner">
<tbody>
<!-- Spacing -->
<tr>
<td width="100%" height="5" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;"> </td>
</tr>
<!-- Spacing -->
<!-- title -->
<tr>
<td style="font-family: Helvetica, arial, sans-serif; font-size: 14px; color: #222222; text-align:center; line-height: 24px;" st-title="3col-title3"><span style="font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, sans-serif; font-size: 14px; color: #333333; text-align: center; line-height: 24px;"><span style="font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, sans-serif; font-size: 14px; text-align: center; line-height: 24px;"> Table Talkers</span></span></td>
</tr>
<!-- end of title -->
<!-- read more -->
<tr>
<td style="font-family: Helvetica, arial, sans-serif; font-size: 14px; color: #903537; text-align:center; line-height: 20px;" st-title="3col-readmore3"><span style="font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, sans-serif; font-size: 14px; color: #6a2c91; text-align: center; line-height: 20px; font-weight: bold;">from £XXX for 200</span></td>
</tr>
<!-- end of read more -->
</tbody>
</table>
</td>
</tr>
<!-- end of text content table -->
</tbody>
</table>
</td>
<!-- spacing -->
<!-- end of spacing -->
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- end of 3 columns -->
<!-- start of call to action -->
<table width="100%" bgcolor="#f7f7f7" cellpadding="0" cellspacing="0" border="0" id="backgroundTable">
<tbody>
<tr>
<td>
<table width="600" cellpadding="0" cellspacing="0" border="0" align="center" class="devicewidth"><br />
<!-- Spacing -->
<tr>
<td width="100%" height="5" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;"> </td>
</tr>
<!-- Spacing -->
<tbody>
<tr>
<td width="100%">
<table bgcolor="#333333" width="600" cellpadding="0" cellspacing="0" border="0" align="center" class="devicewidth">
<tbody>
<!-- Spacing -->
<tr>
<td height="20"></td>
</tr>
<!-- Spacing -->
<tr>
<td>
<table width="560" align="center" border="0" cellpadding="0" cellspacing="0" class="devicewidthinner">
<tbody>
<tr>
<td>
<!-- start left column-->
<table width="280" align="left" border="0" cellpadding="0" cellspacing="0" class="devicewidthinner">
<tbody>
<tr>
<!-- title -->
</tr>
<tr>
<td style="font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, sans-serif; font-size: 24px; font-weight: 400; color: #ffffff; text-align: left; line-height: 30px;">
<p>Can't see what you're </p>
<p>looking for here?</p></td>
</tr>
<!-- end of title -->
</tbody>
</table>
<!-- end of left column -->
<!-- spacing for mobile -->
<table width="1" height="10" align="left" border="0" cellpadding="0" cellspacing="0" class="devicewidthinner">
<tbody>
<tr>
<td width="1" height="10" align="center" style="font-size:1px; line-height:1px;"> </td>
</tr>
</tbody>
</table>
<!-- end spacing for mobile -->
<!-- start of right column -->
<table width="270" align="right" border="0" cellpadding="0" cellspacing="0" class="devicewidthinner">
<tbody>
<!-- button -->
<tr>
<td>
<table width="270" height="60" bgcolor="#6a2c91" align="center" valign="middle" border="0" cellpadding="0" cellspacing="0" style="border-radius:3px;" class="tablet-button">
<tbody>
<tr>
<td height="15" align="center" style="font-size:1px; line-height:1px;"><a href="https://goo.gl/fk6jqf" target="new"></a></td>
</tr>
<tr>
<td height="30" align="center" valign="middle" style="font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, sans-serif; font-size: 24px; color: #ffffff; text-align: center; line-height: 30px;" class="tablet-button">
<a style="color: #ffffff; text-align:center;text-decoration: none;" href="https://goo.gl/fk6jqf">contact us now</a>
</td>
</tr>
<tr>
<td height="15" align="center" style="font-size:1px; line-height:1px;"><a href="https://goo.gl/fk6jqf"></a></td>
</tr>
</tbody>
</table>
</td>
</tr>
<!-- end of button -->
</tbody>
</table>
<!-- end of right column -->
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<!-- Spacing -->
<tr>
<td height="20"></td>
</tr>
<!-- Spacing -->
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- end of call to action -->
<!-- Start of preheader -->
<tbody>
<tr>
<td>
<table width="600" cellpadding="0" cellspacing="0" border="0" align="center" class="devicewidth">
<tbody>
<tr>
<td width="100%">
<table width="600" cellpadding="0" cellspacing="0" border="0" align="center" class="devicewidth">
<tbody>
<!-- Spacing -->
<tr>
<td width="100%" height="20"></td>
</tr>
<!-- Spacing -->
<tr>
<td>
<table width="540" align="center" cellspacing="0" cellpadding="0" border="0" class="devicewidthinner">
<tbody>
<tr>
<!-- start of image -->
<td align="center">
<a target="new" href="http://newmanthomson.com/resources/plant-list"><img width="540" border="0" height="282" alt="Our New Press" style="display:block; border:none; outline:none; text-decoration:none;" src="https://gallery.mailchimp.com/a22dc184b5eaa0ddb904efa3d/images/2da3283a-fe40-480b-b847-74bbccb59826.png?_ga=1.61147759.258004978.1486471473" class="bigimage"></a>
</td>
</tr>
<!-- end of image -->
<!-- Spacing -->
<tr>
<td width="100%" height="20"></td>
</tr>
<!-- Spacing -->
<!-- title -->
<tr>
<td style="font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, sans-serif; font-size: 18px; color: #6a2c91; text-align: left; line-height: 20px;" st-title="rightimage-title">Introducing our new press</td>
</tr>
<!-- end of title -->
<!-- Spacing -->
<tr>
<td width="100%" height="20"></td>
</tr>
<!-- Spacing -->
<!-- content -->
<tr>
<td style="font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, sans-serif; font-size: 14px; color: #333333; text-align: left; line-height: 24px;" st-content="rightimage-paragraph">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
</td>
</tr>
<!-- end of content -->
<!-- Spacing -->
<tr>
<td width="100%" height="10"></td>
</tr>
<!-- button -->
<tr>
<td>
<table height="30" align="left" valign="middle" border="0" cellpadding="0" cellspacing="0" class="tablet-button" st-button="edit">
<tbody>
<tr>
<td width="auto" align="center" valign="middle" height="30" style="background-color: #6A2C91; border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; background-clip: padding-box; font-size: 14px; font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, sans-serif; text-align: center; color: #ffffff; font-weight: 300; padding-left: 18px; padding-right: 18px;">
<span style="color: #ffffff; font-weight: 300;">
<a style="color: #ffffff; text-align:center;text-decoration: none;" href="#">read more >>></a>
</span>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<!-- Spacing -->
</tbody>
</table>
<!-- Start of footer -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" id="backgroundTable" st-sortable="footer">
<tbody>
<!-- Spacing -->
<tr>
<td width="100%" height="20"></td>
</tr>
<tr bgcolor="#303030" class="devicewidth">
<td height="10" bgcolor="#6a2c91" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;"> </td>
</tr>
<tr bgcolor="#303030" class="devicewidth">
<td bgcolor="#6a2c91"><!-- logo --><!-- end of logo -->
<!-- start of social icons --><!-- end of social icons -->
<table width="60" height="40" border="0" align="right" cellpadding="0" cellspacing="0" vaalign="middle">
<tbody>
<tr>
<td height="22" align="left"><div class="imgpop"> <a target="_blank" href="#"> <img src="https://gallery.mailchimp.com/a22dc184b5eaa0ddb904efa3d/images/8d0294fe-d06d-4d65-8e39-125082ec042b.png?_ga=1.228986591.258004978.1486471473" alt="" border="0" width="22" height="22" style="display:block; border:none; outline:none; text-decoration:none;" /> </a> </div></td>
<td align="left" style="font-size:1px; line-height:1px;"> </td>
<td height="22" align="right"><div class="imgpop"> <a target="new" href="https://twitter.com/NewmanThomson"> <img src="https://gallery.mailchimp.com/a22dc184b5eaa0ddb904efa3d/images/6a90f804-7523-48b4-b55c-b6734635c95f.png?_ga=1.228986591.258004978.1486471473" alt="Twitter" border="0" width="22" height="22" style="display:block; border:none; outline:none; text-decoration:none;" /> </a> </div></td>
<td align="left" style="font-size:1px; line-height:1px;"> </td>
<td height="22" align="right"><div class="imgpop"> <a target="new" href="https://www.linkedin.com/company/newman-thomson"> <img src="https://gallery.mailchimp.com/a22dc184b5eaa0ddb904efa3d/images/7982d2ab-69bc-436c-ac93-23a2adff5370.png?_ga=1.228986591.258004978.1486471473" alt="LinkedIn Logo" border="0" width="22" height="22" style="display:block; border:none; outline:none; text-decoration:none;" /> </a> </div></td>
<td align="left" style="font-size:1px; line-height:1px;"> </td>
</tr>
</tbody>
</table></td>
</tr>
<tr bgcolor="#303030" class="devicewidth">
<td height="10" bgcolor="#6a2c91" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;"> </td>
</tr>
<!-- Spacing -->
<tr>
<td> </td>
</tr>
</tbody>
</table>
<!-- End of footer -->
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- End of preheader -->
</body>
</html>
Hi James,
I have tried to resolve your challenges, please try below HTML source code.
Let me know if any other query, hope this helps you.
Thanks
Deep Thaker
You sir, are a total legend, 1,000,000 internet points to you!
Thank you, works perfectly!
Hi James,
Always welcome!!
Thanks
Deep Thaker