1 Reply Latest reply on Aug 12, 2018 4:33 AM by Ronen Wasserman

    HTML code - space in email template how to remove it

    Nimisha Garg

      Hello All,

       

      There is some extra spacing in the email (HTML template). I have not designed it.

       

      How can I remove this spacing...see screen shot....

       

      HTML line of code after the text "we hope to see you there" - > is scroll down.....

       

       

       

      spacing 2.PNG

       

      Rest of the HTML code under the line we hope to see you there!

       

      <tr style="vertical-align:top; text-align:left; padding:0;" align="left">

                          <td style="word-break:break-word; -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto; border-collapse:collapse !important; vertical-align:top; text-align:left; color:#222222; font-family:'Helvetica', 'Arial', sans-serif; font-weight:normal; line-height:19px; font-size:14px; margin:0; padding:0;" align="left" valign="top"></td>

                        </tr>

                        <tr style="vertical-align:top; text-align:left; padding:0;" align="left">

                          <td style="word-break:break-word; -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto; border-collapse:collapse !important; vertical-align:top; text-align:left; color:#222222; font-family:'Helvetica', 'Arial', sans-serif; font-weight:normal; line-height:19px; font-size:14px; margin:0; padding:0;" align="left" valign="top">

                            <table class="twelve columns" style="border-spacing:0; border-collapse:collapse; vertical-align:top; text-align:left; width:580px; margin:0 auto; padding:0; border-bottom:1px solid #c7c7c7;">

                              <tbody>

                                <tr style="vertical-align:top; text-align:left; padding:0;" align="left">

                                  <td style="font-family:Arial, Helvetica, sans-serif; color:#4b4f54; line-height:20px; font-size:14px; word-break:break-word; -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto; border-collapse:collapse !important; vertical-align:top; text-align:left; font-weight:normal; margin:0; padding:0px 20px 20px;" align="left" valign="top"></td>

                                </tr>

                              </tbody>

                            </table> </td>

                        </tr>

                        <tr style="vertical-align:top; text-align:left; padding:0; " align="left">

                          <td style="word-break:break-word; -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto; border-collapse:collapse !important; vertical-align:top; text-align:left; color:#222222; font-family:'Helvetica', 'Arial', sans-serif; font-weight:normal; line-height:19px; font-size:14px; margin:0; padding:0; " align="left" valign="top">

                            <table class="row" style="border-spacing:0; border-collapse:collapse; vertical-align:top; text-align:left; width:100%; position:relative; display:block; padding:0px; ">

                              <tbody>

                                <tr style="vertical-align:top; text-align:left; padding:0; " align="left">

                                  <td class="wrapper last" style="word-break:break-word; -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto; border-collapse:collapse !important; vertical-align:top; text-align:left; position:relative; color:#222222; font-family:'Helvetica', 'Arial', sans-serif; font-weight:normal; line-height:19px; font-size:14px; margin:0; padding:0px 0px 0px; " align="left" valign="top">

                                    <table class="twelve columns" style="border-spacing:0; border-collapse:collapse; vertical-align:top; text-align:left; width:580px; margin:0 auto; padding:0; ">

                                      <tbody>

                                        <tr style="vertical-align:top; text-align:left; padding:0; " align="left">

                                          <td align="center" style="background:#ffffff; border-bottom-width:1px; border-bottom-color:#c7c7c7; border-bottom-style:solid; word-break:break-word; -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto; border-collapse:collapse !important; vertical-align:top; color:#222222; font-family:'Helvetica', 'Arial', sans-serif; font-weight:normal; line-height:19px; font-size:14px; margin:0; padding-left:20px; padding-right:20px; padding-bottom:20px; padding-top:20px; " valign="top">

                                            <div class="mktEditable" id="logo-one" style="" mktoname="logo-one">

                                              <p><a href="{{my.Registration-URL}}" target="_blank" title="Register Now! Webinar -  September 19, 2018 at 1:00 PM CT"><img src="http://info.fieldaware.com/rs/789-GBR-968/images/register-now.png" alt="Register Now" width="300" height="75" constrain="true" imagepreview="false" /></a></p>

      !! Check from here

                                            </div></td>

                                        </tr>

                                      </tbody>

                                    </table></td>

                                </tr>

                              </tbody>

                            </table></td>

                        </tr>

                        <tr style="vertical-align:top; text-align:left; padding:0; " align="left">

                          <td style="word-break:break-word; -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto; border-collapse:collapse !important; vertical-align:top; text-align:left; color:#222222; font-family:'Helvetica', 'Arial', sans-serif; font-weight:normal; line-height:19px; font-size:14px; margin:0; padding:0; " align="left" valign="top">

                            <table class="row" style="border-spacing:0; border-collapse:collapse; vertical-align:top; text-align:left; width:100%; position:relative; display:block; padding:0px; ">

                              <tbody>

                                <tr style="vertical-align:top; text-align:left; padding:0; " align="left">

                                  <td class="wrapper" style="word-break:break-word; -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto; border-collapse:collapse !important; vertical-align:top; text-align:left; position:relative; color:#222222; font-family:'Helvetica', 'Arial', sans-serif; font-weight:normal; line-height:19px; font-size:14px; margin:0; padding:20px 0px 0px; " align="left" valign="top">

                                    <table class="eight columns" style="border-spacing:0; border-collapse:collapse; vertical-align:top; text-align:left; width:380px; margin:0 auto; padding:0; ">

                                      <tbody>

                                        <tr style="vertical-align:top; text-align:left; padding:0; " align="left">

                                          <td class="leftpad" style="font-family:Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#4b4f54; font-weight:bold; word-break:break-word; -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto; border-collapse:collapse !important; vertical-align:top; text-align:left; margin:0; padding:0px 0px 5px 20px; " align="left" valign="top">

                                            <div class="mktEditable" id="copyright" style="" mktoname="copyright">

                                              <p><span style="font-size: 14px;">Copyright © 2018 FieldAware</span></p>

                                            </div></td>

                                          <td class="expander" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: left; visibility: hidden; width: 0px; color: #222222; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; margin: 0; padding: 0;" align="left" valign="top"></td>

                                        </tr>

                                        <tr style="vertical-align:top; text-align:left; padding:0; " align="left">

                                          <td class="leftpad foot" style="color:#313131; font-family:Arial, Helvetica, sans-serif; line-height:20px; font-size:14px; word-break:break-word; -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto; border-collapse:collapse !important; vertical-align:top; text-align:left; font-weight:normal; margin:0; padding:5px 0 10px 20px; " align="left" valign="top">

                                            <div class="mktEditable" id="social-icons" style="" mktoname="social-icons">

                                              <p><a href="https://www.facebook.com/FieldAware" style="color: #2ba6cb; text-decoration: none;" target="_blank" title="Check us on Facebook"><img src="http://info.fieldaware.com/rs/fieldaware/images/EM-Event-v1_Facebook.jpg" alt="Facebook" border="0" /></a>  <a href="https://twitter.com/fieldaware" style="color: #2ba6cb; text-decoration: none;" target="_blank" title="Check us on Twitter"><img src="http://info.fieldaware.com/rs/fieldaware/images/EM-Event-v1_Twitter.jpg" alt="twitter" border="0" /></a>  <a href="https://www.linkedin.com/company/fieldaware" style="color: #2ba6cb; text-decoration: none;" target="_blank" title="Check us on LinkedIn"><img src="http://info.fieldaware.com/rs/fieldaware/images/EM-Event-v1_Linkedin.jpg" alt="Linkedin" border="0" constrain="true" imagepreview="false" width="29" height="29" /></a></p>

                                            </div></td>

                                          <td class="expander" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: left; visibility: hidden; width: 0px; color: #222222; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; margin: 0; padding: 0;" align="left" valign="top"></td>

                                        </tr>

                                      </tbody>

                                    </table></td>

                                  <td class="wrapper last register" style="word-break:break-word; -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto; border-collapse:collapse !important; vertical-align:top; text-align:right; position:relative; color:#222222; font-family:'Helvetica', 'Arial', sans-serif; font-weight:normal; line-height:1px; font-size:14px; margin:0; padding-top:20px; padding-right:20px; " align="right" valign="top">

                                    <table class="four columns" style="border-spacing:0; border-collapse:collapse; vertical-align:top; text-align:left; width:180px; margin:0 auto; padding:0; ">

                                      <tbody>

                                        <tr style="vertical-align: top; text-align: right; padding: 0;" align="right">

                                          <td height="25" class="leftpad hide-for-small" style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ec1d23; font-weight: bold; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: middle; text-align: left; line-height: 1px; margin: 0; height:25px;" align="right" valign="middle"> </td>

                                          <td class="expander" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: left; visibility: hidden; width: 0px; color: #222222; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 1px; font-size: 14px; margin: 0; padding: 0;" align="right" valign="top"></td>

                                        </tr>

                                        <tr style="vertical-align:top; text-align:right; padding:0; " align="left">

                                          <td class="leftpad register2" style="font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ec1d23; font-weight:bold; word-break:break-word; -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto; border-collapse:collapse !important; vertical-align:middle; text-align:right; line-height:1px; margin:0; padding-bottom:10px; " align="right" valign="middle">

                                            <div class="mktEditable" id="footer-links" style="" mktoname="footer-links">

                                              <p><a style="color: #ff6600; font-weight: bold; text-decoration: none;" href="{{my.Registration-URL}}" target="_blank" title="Register Now">Register</a>  <span style="color: #838383;">|</span>  <a style="color: #ff6600; font-weight: bold; text-decoration: none;" href="{{system.unsubscribeLink}}" target="_blank">Unsubscribe</a></p>

                                            </div></td>

                                          <td class="expander" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: left; visibility: hidden; width: 0px; color: #222222; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; margin: 0; padding: 0;" align="right" valign="top"></td>

                                        </tr>

                                      </tbody>

                                    </table></td>

                                </tr>

                              </tbody>

                            </table></td>

                        </tr>

                      </tbody>

                    </table>

                  </center></td>

              </tr>

            </tbody>

          </table> 

        </body>

      </html>

        • Re: HTML code - space in email template how to remove it
          Ronen Wasserman

          Hello Nimisha,

          In this line:

          <td style="font-family:Arial, Helvetica, sans-serif; color:#4b4f54; line-height:20px; font-size:14px; word-break:break-word; -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto; border-collapse:collapse !important; vertical-align:top; text-align:left; font-weight:normal; margin:0; padding:0px 20px 20px;" align="left" valign="top"></td>

           

          Try to remove the "padding: 0px 20 px 20px".