HTML Imported Fragment not Allowing Text Fields to be Editable
Hello,
I need to import html files as visual fragments and make certain elements editable so that marketers who don't know how to code can use them. For some reason, the images and buttons work great after importing and converting the html to be more AJO compatible. However, I'm not able to make the text elements (heading, paragraph) editable. It seems strange that AJO would be able to make images and buttons editable but has trouble with text. Has this happened to anyone else?
Text elements HTML:
<h2 style="margin:0;color: #3D3D3D; font-size: 20px; line-height: 28px;">Ut Enim Ad Minima</h2>
<p style="margin:8px 0 0;color: #3D3D3D; font-size: 15px; line-height: 22px;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin rutrum enim eget magna.
</p>Full fragment HTML:
<!-- START: ID=IM01-v4.2 Full Width Image With Text -->
<table role="none" cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td align="center">
<img src="https://placehold.co/620x320.png" alt="Alt Text" width="620" style="height: auto; display:block; color: #3D3D3D;" class="full-width">
</td>
</tr>
<tr>
<td style="padding: 34px 40px 38px;" align="center" valign="top">
<table role="none" cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center">
<h2 style="margin:0;color: #3D3D3D; font-size: 20px; line-height: 28px;">Ut Enim Ad Minima</h2>
<p style="margin:8px 0 0;color: #3D3D3D; font-size: 15px; line-height: 22px;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin rutrum enim eget magna.
</p>
</td>
</tr>
<tr>
<td align="center" style=" padding-top: 20px;">
<!-- START: SECONDARY BUTTON -->
<table role="none" cellpadding="0" cellspacing="0" border="0" width="164" height="44" style="width:164px;height:44px;border-radius: 3px;" class="button-secondary-light">
<tr>
<td align="center" valign="middle">
<table role="none" cellpadding="0" cellspacing="0" border="0" style="border-radius: 3px; border: 2px solid #2d2d2d;mso-border-alt: 2px solid #2d2d2d;width:162px;height:42px">
<tr>
<td align="center" valign="middle" height="44">
<a href="https://www.url.com" target="_blank" aria-label="Section CTA Link, opens a new tab" style="color: #2d2d2d; display: inline-block; padding: 12px 0; text-decoration: none; width: 164px; font-size: 15px; line-height: 22px;">Section CTA Link</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END: SECONDARY BUTTON -->
</td>
</tr>
</table>
</td>
</tr>
</table>