Styling on fragments is getting overwritten by ACS on copy paste

jenk

11-08-2020

Hi 

 

I have been working on some fragments with different font-sizes on each line in a td. When i use said fragment in a template and try to copy paste some text in to any of these lines, the styling get replaced by what i assume is default styling. This does not happen when i just write the words myself. Can you help me solve this issue?

 

Fragment:

<!--[if mso]><table cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td style="border-width: 0px; border-style: none;"><![endif]-->
<!-- Two column : BEGIN -->
<style>
  @media screen and (max-width: 480px) {
    h2 {
      font-size: 22px !important;
    }
    h3 {
      font-size: 18px;
    }
    .secondHeader {
      font-size: 14px !important;
      padding: initial !important;
    }
    .mobile-hide {
      display: none !important;
    }
    .mobile-center {
      text-align: center !important;
    }
    .secP,
    .secondHeader {
      padding: 0px !important;
    }
    table {
      width: 100%;
      margin: 0 auto !important;
      padding: 0 !important;
      margin-bottom: 10px;
    }
    .two-col-table td {
      padding: 0 !important;
      margin: 0 !important;
    }
    .txtContainer {
      padding-left: 0% !important;
      padding: 10px 0 !important;
    }
    .col-sm-h1,
    .col-sm-h3,
    .col-sm-p {
      font-size: 18px;
      text-align: center;
    }
    .imgTd,
    .imgContainer,
    .imgTable {
      display: none !important;
    }
    .txtTd {
      text-align: center !important;
    }
    div[style*="margin: 16px 0;"] {
      margin: 0 !important;
    }
  }
</style>
<table align="center" cellpadding="0" cellspacing="0" border="0" style="-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;border-collapse:collapse !important;mso-table-lspace:0pt;mso-table-rspace:0pt;table-layout:fixed;width:100%;">
  <tbody>
    <tr>
      <th class="colspan1">
        <div>
          <!--[if mso]><table cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td style="background-color: rgb(255, 255, 255); height: 100%;"><![endif]-->
          <!--[if mso]>
<style type="text/css"> 
body, table, td, h1, h2, h3, p, span {font-family: Tahoma, Geneva, Verdana, sans-serif !important;}
</style>
<![endif]-->
          <table class="two-col-table" width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#ffffff" style="-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;border-collapse:collapse !important;mso-table-lspace:0pt;mso-table-rspace:0pt;">
            <tbody>
              <tr>
                <th style="font-weight:normal;line-height:0;text-align:left;">
                  <div class="text-container">
                    <!--[if (gte mso 9)|(IE)]>
<table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
<tr>
<td align="center" valign="top" width="600">
<![endif]-->
                    <table align="center" border="0" cellpadding="0" cellspacing="0" width="600" style="-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;border-collapse:collapse !important;max-width:600px;mso-table-lspace:0pt;mso-table-rspace:0pt;">
                      <tbody>
                        <tr>

                        </tr>
                        <tr>
                          <td align="center" valign="top" style="-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;background-color:#ffffff;color:#3A3A3A;font-family:'Noto Sans', 'Lucida Grande', 'Tahoma', 'Geneva', 'Verdana', Sans-Serif;font-size:0;mso-table-lspace:0pt;mso-table-rspace:0pt;">
                            <!--[if (gte mso 9)|(IE)]>
<table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
<tr>
<td align="center" valign="top" width="600">
<![endif]-->
                            <!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
                          </td>
                        </tr>
                      </tbody>
                    </table>
                    <!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
                    <!--[if (gte mso 9)|(IE)]>
<table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
<tr>
<td align="center" valign="top" width="600">
<![endif]-->
                    <table align="center" border="0" cellpadding="0" cellspacing="0" width="600" style="-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;border-collapse:collapse !important;max-width:600px;mso-table-lspace:0pt;mso-table-rspace:0pt;">
                      <tbody>
                        <tr>

                        </tr>
                        <tr>
                          <td align="center" valign="top" bgcolor="#34648f" style="-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;background-color:#34648f;font-family:'Noto Sans', 'Lucida Grande', 'Tahoma', 'Geneva', 'Verdana', Sans-Serif;font-size:0;mso-table-lspace:0pt;mso-table-rspace:0pt;">
                            <!--[if (gte mso 9)|(IE)]>
<table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
<tr>
<td width="300" style="mso-padding-alt: 0px; text-align: left;">
<![endif]-->
                            <div class="txtContainer" style="display:inline-block;max-width:40%;min-width:100px;vertical-align:top;width:40%;">
                              <table class="txtTable" align="left" border="0" cellpadding="0" cellspacing="0" width="100%" style="-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;border-collapse:collapse !important;max-width:300px;mso-table-lspace:0pt;mso-table-rspace:0pt;">
                                <tbody>
                                  <tr>
                                    <td class="txtTd" style="-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;color:#3A3A3A;font-family:'Noto Sans', 'Lucida Grande', 'Tahoma', 'Geneva', 'Verdana', Sans-Serif;font-size:16px;mso-line-height-rule:exactly;line-height:110%;line-height:50px;mso-table-lspace:0pt;mso-table-rspace:0pt;text-align:left;padding:21px 61px;" align="center" valign="top">
                                      <div class="col-sm">
                                        <h5 style="color:#ffffff;font-family:'Noto Sans', 'Lucida Grande', 'Tahoma', 'Geneva', 'Verdana', Sans-Serif;font-weight:300;line-height:110%;margin:0px;mso-line-height-rule:exactly;padding:0px;">
                                          REDUCTION OF
                                        </h5>
                                        <h1 class="headlineTwoCol" style="color:#ffffff;font-family:'Noto Sans', 'Lucida Grande', 'Tahoma', 'Geneva', 'Verdana', Sans-Serif;font-size:48px;font-weight:900;margin:0px;margin-auto:0px;padding:0px;line-height:40px;line-height:90%;mso-line-height-rule:exactly;">
                                          25%</h1>
                                        <h3 style="color:#ffffff;font-family:'Noto Sans', 'Lucida Grande', 'Tahoma', 'Geneva', 'Verdana', Sans-Serif;font-weight:600;line-height:110%;margin:0px;margin-auto:0px;mso-line-height-rule:exactly;padding:0px;">
                                          IN ENERGY
                                        </h3>
                                        <h5 style="color:#ffffff;font-family:'Noto Sans', 'Lucida Grande', 'Tahoma', 'Geneva', 'Verdana', Sans-Serif;font-weight:600;line-height:20px;line-height:150%;margin:0px;margin-auto:0px;mso-line-height-rule:exactly;padding:0px;">
                                          CONSUMPTION</h5>

                                      </div>
                                    </td>
                                  </tr>
                                </tbody>
                              </table>
                            </div>
                            <!--[if (gte mso 9)|(IE)]>


</td>
<td align="center" width="300" style="text-align: left; mso-padding-alt: 0px;" >
<![endif]-->
                            <div class="imgContainer" style="display:inline-block;max-width:60%;min-width:240px;width:60%;mso-padding-alt:0px;">
                              <table class="imgTable" align="left" border="0" cellpadding="0" cellspacing="0" width="100%" style="-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;border-collapse:collapse !important;max-width:300px;mso-table-lspace:0pt;mso-table-rspace:0pt;">
                                <tbody>
                                  <tr>
                                    <td class="imgTd" style="color:#3A3A3A;font-family:'Noto Sans', 'Lucida Grande', 'Tahoma', 'Geneva', 'Verdana', Sans-Serif;font-size:16px;mso-table-lspace:0pt;mso-table-rspace:0pt;text-align:left;">

                                      <img src="https://via.placeholder.com/270x140" style="-ms-interpolation-mode:bicubic;border:0px;display:block;outline:none;text-decoration:none;">
                                    </td>
                                  </tr>
                                </tbody>
                              </table>
                            </div>
                            <!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
                          </td>
                        </tr>
                      </tbody>
                    </table>
                    <!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
                  </div>
                </th>
              </tr>
            </tbody>
          </table>
        </div>
      </th>
    </tr>
  </tbody>
</table>
<!-- Two column : END -->
<!--[if mso]></td></tr></table><![endif]-->

 

ACS fragments

Accepted Solutions (0)

Answers (0)