Question
Styling on fragments is getting overwritten by ACS on copy paste
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>
@590883 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]-->