Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
Bedrock Mission!

Learn more

View all

Sign in to view all badges

Styling on fragments is getting overwritten by ACS on copy paste

jenk
Level 2
Level 2

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]-->

 

Topics

Topics help categorize Community content and increase your ability to discover relevant content.

ACS
0 Replies