Hi,
I’ve used HubSpot’s email signature generate and tweaked the code slightly so that the position of the social icons are where I need them to be. I’ve sent the code out to our team and they’ve sent me a test email… I can’t understand why the social icons are half missing as well as the blue block lines under them and around the email/phone/address icons?
I’ve been editing this code for ages and can’t get to the bottom of it. Would someone be able to rectify this issue please? I’ll add a screenshot, and the generic
code.
CODE:
<table cellpadding=“0” cellspacing=“0” border=“0” style=“vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Lato;”><tbody><tr><td><table cellpadding=“0” cellspacing=“0” border=“0” style=“vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Lato;”><tbody><tr><td style=“vertical-align: middle;”><h2 style=“margin: 0px; font-size: 18px; color: rgb(0, 0, 0); font-weight: 600;”><span>Andrew</span><span>\ </span><span>Scholey</span></h2><p style=“margin: 0px; color: rgb(0, 0, 0); font-size: 14px; line-height: 22px;”><span>Technical Sales Manager</span></p>
<a href=“https://www.facebook.com/AME.3D.LVP/” style=“display: inline-block; padding: 0px; background-color: rgb(10, 41, 117);”><img src=“https://cdn2.hubspot.net/hubfs/53/tools/email-signature-generator/icons/facebook-icon-2x.png” alt=“facebook” width=“24” style=“background-color: rgb(10, 41, 117); max-width: 135px; display: block;”></a> <a href=“https://twitter.com/ame_3d” style=“display: inline-block; padding: 0px; background-color: rgb(10, 41, 117);”><img src=“https://cdn2.hubspot.net/hubfs/53/tools/email-signature-generator/icons/x-icon-2x.png” alt=“twitter” width=“24” style=“background-color: rgb(10, 41, 117); max-width: 135px; display: block;”></a> <a href=“AME-3D | LinkedIn” style=“display: inline-block; padding: 0px; background-color: rgb(10, 41, 117);”><img src=“https://cdn2.hubspot.net/hubfs/53/tools/email-signature-generator/icons/linkedin-icon-2x.png” alt=“linkedin” width=“24” style=“background-color: rgb(10, 41, 117); max-width: 135px; display: block;”></a>
<td width=“30”><div style=“width: 30px;”></div></td><td width=“1” style=“width: 1px; height: auto; border-bottom: none; border-left: 1px solid rgb(10, 41, 117);”></td><td width=“30”><div style=“width: 30px;”></div></td><td style=“vertical-align: middle;”><table cellpadding=“0” cellspacing=“0” border=“0” style=“vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Lato;”><tbody><tr height=“25” style=“vertical-align: middle;”><td width=“30” style=“vertical-align: middle;”><table cellpadding=“0” cellspacing=“0” border=“0” style=“vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Lato;”><tbody><tr><td style=“vertical-align: bottom;”><span style=“display: inline-block; background-color: rgb(10, 41, 117);”><img src=“https://cdn2.hubspot.net/hubfs/53/tools/email-signature-generator/icons/phone-icon-2x.png” alt=“mobilePhone” width=“13” style=“display: block; background-color: rgb(10, 41, 117);”></span></td></tr></tbody></table></td><td style=“padding: 0px; color: rgb(0, 0, 0);”><a href=“tel:(0)1909 550 999” style=“text-decoration: none; color: rgb(0, 0, 0); font-size: 14px;”><span>(0)1909 550 999</span></a> | <a href=“tel:(0)7984 234 188” style=“text-decoration: none; color: rgb(0, 0, 0); font-size: 14px;”><span>(0)7984 234 188</span></a></td></tr><tr height=“25” style=“vertical-align: middle;”><td width=“30” style=“vertical-align: middle;”><table cellpadding=“0” cellspacing=“0” border=“0” style=“vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Lato;”><tbody><tr><td style=“vertical-align: bottom;”><span style=“display: inline-block; background-color: rgb(10, 41, 117);”><img src=“https://cdn2.hubspot.net/hubfs/53/tools/email-signature-generator/icons/email-icon-2x.png” alt=“emailAddress” width=“13” style=“display: block; background-color: rgb(10, 41, 117);”></span></td></tr></tbody></table></td><td style=“padding: 0px;”><a href="mailto:andrew.scholey@ame-group.co.uk" style=“text-decoration: none; color: rgb(0, 0, 0); font-size: 14px;”><span>andrew.scholey@ame-3d.co.uk</span></a></td></tr><tr height=“25” style=“vertical-align: middle;”><td width=“30” style=“vertical-align: middle;”><table cellpadding=“0” cellspacing=“0” border=“0” style=“vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Lato;”><tbody><tr><td style=“vertical-align: bottom;”><span style=“display: inline-block; background-color: rgb(10, 41, 117);”><img src=“https://cdn2.hubspot.net/hubfs/53/tools/email-signature-generator/icons/link-icon-2x.png” alt=“website” width=“13” style=“display: block; background-color: rgb(10, 41, 117);”></span></td></tr></tbody></table></td><td style=“padding: 0px;”><a href=“https://ame-3d.co.uk/” style=“text-decoration: none; color: rgb(0, 0, 0); font-size: 14px;”><span>https://ame-3d.co.uk/\</a></td></tr><tr height=“25” style=“vertical-align: middle;”><td width=“30” style=“vertical-align: middle;”><table cellpadding=“0” cellspacing=“0” border=“0” style=“vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Lato;”><tbody><tr><td style=“vertical-align: bottom;”><span style=“display: inline-block; background-color: rgb(10, 41, 117);”><img src=“https://cdn2.hubspot.net/hubfs/53/tools/email-signature-generator/icons/address-icon-2x.png” alt=“address” width=“13” style=“display: block; background-color: rgb(10, 41, 117);”></span></td></tr></tbody></table></td><td style=“padding: 0px;”><span style=“font-size: 14px; color: rgb(0, 0, 0);”><span>Momentum House, Church Lane, Sheffield, S25 2RG</span></span></td></tr></tbody></table></td></tr></tbody></table></td></tr><tr><td><table cellpadding=“0” cellspacing=“0” border=“0” style=“vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Lato; width: 100%;”><tbody><tr><td height=“20”></td></tr><tr><td width=“auto” style=“width: 100%; height: 1px; border-bottom: 1px solid rgb(10, 41, 117); border-left: none; display: block;”></td></tr><tr><td height=“20”></td></tr></tbody></table></td></tr>
<tr><td><table cellpadding=“0” cellspacing=“0” border=“0” style=“vertical-align: -webkit-baseline-middle; font-size: medium; font-family: Lato; width: 100%;”> <p> <Strong>Need an instant 3D printing quote? <br><a href=https://ame-3d.co.uk/online-3d-printing-quote\>Click here to upload your file to our online platform. </a> </Strong></p></tr>
<td width=“5”><div></div></td></tr></tbody></table></td></tr></tbody></table></td></tr><tr><td height=“30”></td></tr><tr><td style=“text-align: center;”><span style=“display: block; text-align: left;”><a target=“_blank” rel=“noopener noreferrer” href=“Online Product Development Quote | UK 3D Printing Service | AME-3D” style=“border-width: initial; border-style: none; border-color: initial; display: inline-block; background-color: transparent; color: rgb(255, 255, 255); font-weight: 700; text-decoration: none; text-align: left; line-height: 1; font-size: 12px; border-radius: 3px;”><img src=“https://ame-3d.co.uk/hubfs/Email%20Template%20Banner-1.png” alt=“” style=“text-decoration: none; max-width: 500px;”></a></span></td></tr></tbody></table>
