Email text disappears in Outlook iOS app?

Guitarrista82
Level 5

Email text disappears in Outlook iOS app?

Hello,

 

I have a weird thing happening.

 

When viewing a test email in my iOS Outlook app, the text in a snippet disappears right above the Read More link. It should say "Ver Hoteles" like the other blocks above it. 

 

missing text in Outlook ios app.jpeg

 

When I click on Read More, the text reappears magically!

 

missing text in Outlook ios app 2.jpeg

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

I have tried adding a width and height to the TD, changing the TD to a TH and adding -webkit-text-size-adjust: 100% to the TD tags, but nothing is helping.

 

Has anyone seen this or something like it before?  Any suggestions on how to fix it?

 

Thank you,

 

LK

12 REPLIES 12
Jo_Pitts1
Level 10 - Community Advisor

Re: Email text disappears in Outlook iOS app?

@Guitarrista82 ,

what is different about that block vs the others?

Can you provide some code please for the relevant parts of the template.

Cheers

Jo

Guitarrista82
Level 5

Re: Email text disappears in Outlook iOS app?

Hi Jo! 

 

I am not sure if this preview link will work for you, but here 'tis:

Snazzy (premiummemberservices.com)

 

As I mentioned, I don't know if  will work for you because when I try to view Source Code, I see this below:

 

Guitarrista82_0-1633044870470.png

 

And when I downloaded the HTML code for the email from Marketo, it only shows Dynamic Content where the snippet should be:

 

Guitarrista82_1-1633044947098.png

 

Here is the snippet code that isn't rendering correctly in the iOS Outlook app:

<div>
<table class="em_main_table" style="border-collapse: collapse; mso-table-lspace: 0px; mso-table-rspace: 0px; width: 600px; table-layout: fixed;" width="600" cellspacing="0" cellpadding="0" border="0" bgcolor="{{lead.sorclubprimarycolor:default=#eb6111}}" align="center">
<tbody>
<tr>
<td class="em_defaultlink" style="border-collapse: collapse; mso-line-height-rule: exactly; padding: 10px 14px 10px 14px; font-family: 'Helvetica', Arial, sans-serif; font-size: 24px; line-height: 27px; color: #ffffff; font-weight: bold;" valign="top" align="center">
<div>
<div><span style="font-size: 18px;">A&uacute;n te quedan m&aacute;s destinos por descubrir.</span></div>
<div><span style="font-size: 18px;"><span style="color: #ffffff;"><a href="http://{{company.SorClubWebAddress:default=www.vacationowners.net}}/rentals/" target="_blank" style="color: #ffffff;"><u>Reserva ahora</u></a></span></span><br /></div>
</div>
</td>
</tr>
</tbody>
</table>
<table class="em_main_table" style="width: 600px; table-layout: fixed;" width="600" cellspacing="0" cellpadding="0" border="0" bgcolor="#FFFFFF" align="center">
<tbody>
<tr>
<td valign="top" align="center">
<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
<tbody>
<tr>
<td valign="top" align="center">
<table class="em_wrapper" style="width: 296px;" width="296" cellspacing="0" cellpadding="0" border="0" align="left">
<tbody>
<tr>
<td valign="top" align="center">
<table class="em_w200" style="border: 1px solid #d1d1d1;" width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
<tbody>
<tr>
<td style="padding: 7px;" valign="top" align="center">
<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
<tbody>
<tr>
<td style="width: 80px;" width="80" valign="top" align="center">
<div><a href="http://{{company.SorClubWebAddress:default=www.vacationowners.net}}/rentals/?latitude=36.11464691&amp;longitude=-115.1728134&amp;city=33&amp;citytext=Las%20Vegas%2C%20Nevada%20-%20United%20States&amp;arrdate={{lead.FutureDate3Weeks}}&amp;depdate={{lead.FutureDate28Days}}&amp;utm_medium=email&amp;utm_term=top-hotel-destinations&amp;utm_content={{system.date}}&amp;utm_campaign=SPA-destinations&amp;Promo=SPA-top-hotel-destinations-{{system.date}}" style="text-decoration: none;" target="_blank" title="Las Vegas"><img src="http://landingpage.premiummemberservices.com/rs/392-WQQ-620/images/Hotel_Snippet_LasVegas_160x160.png" style="display: block; font-family: Arial, sans-serif; font-size: 18px; line-height: 30px; color: #424242; max-width: 80px;" alt="Las Vegas" constrain="true" imagepreview="false" width="80" height="80" border="0" /></a></div>
</td>
<td style="width: 15px;" width="15">&nbsp;</td>
<td valign="top" align="left">
<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
<tbody>
<tr>
<td class="em_defaultlink" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 20px; line-height: 23px; color: #272727; font-weight: bold; padding-bottom: 5px;" valign="top" align="left">
<div>
<div>Las Vegas, NV&nbsp;<br /></div>
</div>
</td>
</tr>
<tr>
<td class="em_defaultlink" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 19px; color: #272727; padding-bottom: 15px;" valign="top" align="left"><em>Ciudad de las luces</em></td>
</tr>
<tr>
<td valign="top" align="left">
<table cellspacing="0" cellpadding="0" border="0" align="left">
<tbody>
<tr>
<td class="em_defaultlink" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; color: {{lead.sorclubprimarycolor:default=#eb6111}}; font-weight: bold;" valign="middle" align="left">
<div>➔&nbsp;</div>
</td>
<td class="em_defaultlink" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; color: {{lead.sorclubprimarycolor:default=#eb6111}}; font-weight: bold;" valign="middle" align="left">
<div>
<div><a href="http://{{company.SorClubWebAddress:default=www.vacationowners.net}}/rentals/?latitude=36.11464691&amp;longitude=-115.1728134&amp;city=33&amp;citytext=Las%20Vegas%2C%20Nevada%20-%20United%20States&amp;arrdate={{lead.FutureDate3Weeks}}&amp;depdate={{lead.FutureDate28Days}}&amp;utm_medium=email&amp;utm_term=top-hotel-destinations&amp;utm_content={{system.date}}&amp;utm_campaign=SPA-destinations&amp;Promo=SPA-top-hotel-destinations-{{system.date}}" style="text-decoration: none; color: {{lead.sorclubprimarycolor:default=#eb6111}};" target="_blank">Ver Hoteles</a></div>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if gte mso 9]></td>
<td valign="top"><![endif]-->
<table class="em_wrapper" style="width: 296px;" width="296" cellspacing="0" cellpadding="0" border="0" align="right">
<tbody>
<tr>
<td class="em_ptop" valign="top" align="center">
<table class="em_w200" style="border: 1px solid #d1d1d1;" width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
<tbody>
<tr>
<td style="padding: 7px;" valign="top" align="center">
<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
<tbody>
<tr>
<td style="width: 80px;" width="80" valign="top" align="center">
<div><a href="http://{{company.SorClubWebAddress:default=www.vacationowners.net}}/rentals/?latitude=38.30472183&amp;longitude=-122.2988892&amp;city=33&amp;citytext=Napa%20Valley%2C%20CA%2C%20USA&amp;arrdate={{lead.FutureDate3Weeks}}&amp;depdate={{lead.FutureDate28Days}}&amp;utm_medium=email&amp;utm_term=top-hotel-destinations&amp;utm_content={{system.date}}&amp;utm_campaign=SPA-destinations&amp;Promo=SPA-top-hotel-destinations-{{system.date}}" target="_blank" style="text-decoration: none;" title="Napa"><img src="http://landingpage.premiummemberservices.com/rs/392-WQQ-620/images/Hotel_Snippet_Napa_160x160.png" style="display: block; font-family: Arial, sans-serif; font-size: 18px; line-height: 30px; color: #424242; max-width: 80px;" alt="Napa" constrain="true" imagepreview="false" width="80" height="80" border="0" /></a></div>
</td>
<td style="width: 15px;" width="15">&nbsp;</td>
<td valign="top" align="left">
<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
<tbody>
<tr>
<td class="em_defaultlink" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 20px; line-height: 23px; color: #272727; font-weight: bold; padding-bottom: 5px;" valign="top" align="left">
<div>
<div>Valle Napa, CA&nbsp;<br /></div>
</div>
</td>
</tr>
<tr>
<td class="em_defaultlink" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 19px; color: #272727; padding-bottom: 15px;" valign="top" align="left"><i>Regi&oacute;n del vino</i></td>
</tr>
<tr>
<td valign="top" align="left">
<table cellspacing="0" cellpadding="0" border="0" align="left">
<tbody>
<tr>
<td class="em_defaultlink" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; color: {{lead.sorclubprimarycolor:default=#eb6111}}; font-weight: bold;" valign="middle" align="left">
<div>➔&nbsp;</div>
</td>
<td class="em_defaultlink" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; color: {{lead.sorclubprimarycolor:default=#eb6111}}; font-weight: bold;" valign="middle" align="left">
<div>
<div><a href="http://{{company.SorClubWebAddress:default=www.vacationowners.net}}/rentals/?latitude=38.30472183
&amp;longitude=-122.2988892
&amp;city=33&amp;citytext=Napa%20Valley%2C%20CA%2C%20USA&amp;arrdate={{lead.FutureDate3Weeks}}&amp;depdate={{lead.FutureDate28Days}}&amp;utm_medium=email&amp;utm_term=top-hotel-destinations&amp;utm_content={{system.date}}&amp;utm_campaign=SPA-destinations&amp;Promo=SPA-top-hotel-destinations-{{system.date}}" target="_blank" style="text-decoration: none; color: {{lead.sorclubprimarycolor:default=#eb6111}};">Ver Hoteles</a></div>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td style="font-size: 1px; line-height: 1px;" height="20">&nbsp;</td>
</tr>
</tbody>
</table>
<table class="em_main_table" style="width: 600px; table-layout: fixed;" width="600" cellspacing="0" cellpadding="0" border="0" bgcolor="#FFFFFF" align="center">
<tbody>
<tr>
<td valign="top" align="center">
<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
<tbody>
<tr>
<td valign="top" align="center">
<table class="em_wrapper" style="width: 296px;" width="296" cellspacing="0" cellpadding="0" border="0" align="left">
<tbody>
<tr>
<td valign="top" align="center">
<table class="em_w200" style="border: 1px solid #d1d1d1;" width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
<tbody>
<tr>
<td style="padding: 7px;" valign="top" align="center">
<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
<tbody>
<tr>
<td style="width: 80px;" width="80" valign="top" align="center">
<div><a href="http://{{company.SorClubWebAddress:default=www.vacationowners.net}}/rentals/?latitude=32.71533&amp;longitude=-117.157&amp;city=2&amp;citytext=San%20Diego%2C%20California%20-%20United%20States&amp;arrdate={{lead.FutureDate3Weeks}}&amp;depdate={{lead.FutureDate28Days}}&amp;utm_medium=email&amp;utm_term=top-hotel-destinations&amp;utm_content={{system.date}}&amp;utm_campaign=SPA-destinations&amp;Promo=SPA-top-hotel-destinations-{{system.date}}" target="_blank" style="text-decoration: none;" title="San Diego"><img src="http://landingpage.premiummemberservices.com/rs/392-WQQ-620/images/Hotel_Snippet_SanDiego_160x160.png" style="display: block; font-family: Arial, sans-serif; font-size: 18px; line-height: 30px; color: #424242; max-width: 80px;" alt="San Diego" constrain="true" imagepreview="false" width="80" height="80" border="0" /></a></div>
</td>
<td style="width: 15px;" width="15">&nbsp;</td>
<td valign="top" align="left">
<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
<tbody>
<tr>
<td class="em_defaultlink" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 20px; line-height: 23px; color: #272727; font-weight: bold; padding-bottom: 5px;" valign="top" align="left">
<div>
<div>San Diego, CA&nbsp;<br /></div>
</div>
</td>
</tr>
<tr>
<td class="em_defaultlink" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 19px; color: #272727; padding-bottom: 15px;" valign="top" align="left">
<div><em>La ciudad m&aacute;s fina</em></div>
</td>
</tr>
<tr>
<td valign="top" align="left">
<table cellspacing="0" cellpadding="0" border="0" align="left">
<tbody>
<tr>
<td class="em_defaultlink" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; color: {{lead.sorclubprimarycolor:default=#eb6111}}; font-weight: bold;" valign="middle" align="left">
<div>➔&nbsp;</div>
</td>
<td class="em_defaultlink" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; color: {{lead.sorclubprimarycolor:default=#eb6111}}; font-weight: bold;" valign="middle" align="left">
<div>
<div><a href="http://{{company.SorClubWebAddress:default=www.vacationowners.net}}/rentals/?latitude=32.71533
&amp;longitude=-117.157
&amp;city=2&amp;citytext=San%20Diego%2C%20California%20-%20United%20States&amp;arrdate={{lead.FutureDate3Weeks}}&amp;depdate={{lead.FutureDate28Days}}&amp;utm_medium=email&amp;utm_term=top-hotel-destinations&amp;utm_content={{system.date}}&amp;utm_campaign=SPA-destinations&amp;Promo=SPA-top-hotel-destinations-{{system.date}}" target="_blank" style="text-decoration: none; color: {{lead.sorclubprimarycolor:default=#eb6111}};">Ver Hoteles</a></div>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if gte mso 9]></td>
<td valign="top"><![endif]-->
<table class="em_wrapper" style="width: 296px;" width="296" cellspacing="0" cellpadding="0" border="0" align="right">
<tbody>
<tr>
<td class="em_ptop" valign="top" align="center">
<table class="em_w200" style="border: 1px solid #d1d1d1;" width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
<tbody>
<tr>
<td style="padding: 7px;" valign="top" align="center">
<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
<tbody>
<tr>
<td style="width: 80px;" width="80" valign="top" align="center">
<div><a href="http://{{company.SorClubWebAddress:default=www.vacationowners.net}}/rentals/?latitude=34.04892731&amp;longitude=-111.0937347&amp;city=33&amp;citytext=Sedona%2C%20AZ%2C%20USA&amp;arrdate={{lead.FutureDate3Weeks}}&amp;depdate={{lead.FutureDate28Days}}&amp;utm_medium=email&amp;utm_term=top-hotel-destinations&amp;utm_content={{system.date}}&amp;utm_campaign=SPA-destinations&amp;Promo=SPA-top-hotel-destinations-{{system.date}}" target="_blank" style="text-decoration: none;" title="Sedona"><img src="http://landingpage.premiummemberservices.com/rs/392-WQQ-620/images/Hotel_Snippet_Sedona_160x160.png" style="display: block; font-family: Arial, sans-serif; font-size: 18px; line-height: 30px; color: #424242; max-width: 80px;" alt="Sedona" constrain="true" imagepreview="false" width="80" height="80" border="0" /></a></div>
</td>
<td style="width: 15px;" width="15">&nbsp;</td>
<td valign="top" align="left">
<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
<tbody>
<tr>
<td class="em_defaultlink" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 20px; line-height: 23px; color: #272727; font-weight: bold; padding-bottom: 5px;" valign="top" align="left">
<div>
<div>Sedona, AZ&nbsp;<br /></div>
</div>
</td>
</tr>
<tr>
<td class="em_defaultlink" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 19px; color: #272727; padding-bottom: 15px;" valign="top" align="left"><em>Tierra de roca rojiza</em></td>
</tr>
<tr>
<td valign="top" align="left">
<table cellspacing="0" cellpadding="0" border="0" align="left">
<tbody>
<tr>
<td class="em_defaultlink" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; color: {{lead.sorclubprimarycolor:default=#eb6111}}; font-weight: bold;" valign="middle" align="left">
<div>➔&nbsp;</div>
</td>
<td class="em_defaultlink" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; color: {{lead.sorclubprimarycolor:default=#eb6111}}; font-weight: bold;" valign="middle" align="left">
<div>
<div><a href="http://{{company.SorClubWebAddress:default=www.vacationowners.net}}/rentals/?latitude=34.04892731
&amp;longitude=-111.0937347
&amp;city=33&amp;citytext=Sedona%2C%20AZ%2C%20USA&amp;arrdate={{lead.FutureDate3Weeks}}&amp;depdate={{lead.FutureDate28Days}}&amp;utm_medium=email&amp;utm_term=top-hotel-destinations&amp;utm_content={{system.date}}&amp;utm_campaign=SPA-destinations&amp;Promo=SPA-top-hotel-destinations-{{system.date}}" target="_blank" style="text-decoration: none; color: {{lead.sorclubprimarycolor:default=#eb6111}};">Ver Hoteles</a></div>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td style="font-size: 1px; line-height: 1px;" height="20">&nbsp;</td>
</tr>
</tbody>
</table>
<table class="em_main_table" style="width: 600px; table-layout: fixed;" width="600" cellspacing="0" cellpadding="0" border="0" bgcolor="#FFFFFF" align="center">
<tbody>
<tr>
<td valign="top" align="center">
<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
<tbody>
<tr>
<td valign="top" align="center">
<table class="em_wrapper" style="width: 296px;" width="296" cellspacing="0" cellpadding="0" border="0" align="left">
<tbody>
<tr>
<td valign="top" align="center">
<table class="em_w200" style="border: 1px solid #d1d1d1;" width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
<tbody>
<tr>
<td style="padding: 7px;" valign="top" align="center">
<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
<tbody>
<tr>
<td style="width: 80px;" width="80" valign="top" align="center">
<div><a href="http://{{company.SorClubWebAddress:default=www.vacationowners.net}}/rentals/?latitude=39.32098007&amp;longitude=-111.0937347&amp;city=33&amp;citytext=Park%20City%2C%20UT%2C%20USA&amp;arrdate={{lead.FutureDate3Weeks}}&amp;depdate={{lead.FutureDate28Days}}&amp;utm_medium=email&amp;utm_term=top-hotel-destinations&amp;utm_content={{system.date}}&amp;utm_campaign=SPA-destinations&amp;Promo=SPA-top-hotel-destinations-{{system.date}}" target="_blank" style="text-decoration: none;" title="Park City"><img src="http://landingpage.premiummemberservices.com/rs/392-WQQ-620/images/Hotel_Snippet_ParkCity_160x160.png" style="display: block; font-family: Arial, sans-serif; font-size: 18px; line-height: 30px; color: #424242; max-width: 80px;" alt="Park City" constrain="true" imagepreview="false" width="80" height="80" border="0" /></a></div>
</td>
<td style="width: 15px;" width="15">&nbsp;</td>
<td valign="top" align="left">
<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
<tbody>
<tr>
<td class="em_defaultlink" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 20px; line-height: 23px; color: #272727; font-weight: bold; padding-bottom: 5px;" valign="top" align="left">
<div>
<div>Park City, UT&nbsp;<br /></div>
</div>
</td>
</tr>
<tr>
<td class="em_defaultlink" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 19px; color: #272727; padding-bottom: 15px;" valign="top" align="left">
<div>
<div><em>Ciudad del cielo</em></div>
</div>
</td>
</tr>
<tr>
<td valign="top" align="left">
<table cellspacing="0" cellpadding="0" border="0" align="left">
<tbody>
<tr>
<td class="em_defaultlink" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; color: {{lead.sorclubprimarycolor:default=#eb6111}}; font-weight: bold;" valign="middle" align="left">
<div>➔&nbsp;</div>
</td>
<td class="em_defaultlink" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; color: {{lead.sorclubprimarycolor:default=#eb6111}}; font-weight: bold;" valign="middle" align="left">
<div>
<div><a href="http://{{company.SorClubWebAddress:default=www.vacationowners.net}}/rentals/?latitude=39.32098007
&amp;longitude=-111.0937347
&amp;city=33&amp;citytext=Park%20City%2C%20UT%2C%20USA&amp;arrdate={{lead.FutureDate3Weeks}}&amp;depdate={{lead.FutureDate28Days}}&amp;utm_medium=email&amp;utm_term=top-hotel-destinations&amp;utm_content={{system.date}}&amp;utm_campaign=SPA-destinations&amp;Promo=SPA-top-hotel-destinations-{{system.date}}" target="_blank" style="text-decoration: none; color: {{lead.sorclubprimarycolor:default=#eb6111}};">Ver Hoteles</a></div>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if gte mso 9]></td>
<td valign="top"><![endif]-->
<table class="em_wrapper" style="width: 296px;" width="296" cellspacing="0" cellpadding="0" border="0" align="right">
<tbody>
<tr>
<td class="em_ptop" valign="top" align="center">
<table class="em_w200" style="border: 1px solid #d1d1d1;" width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
<tbody>
<tr>
<td style="padding: 7px;" valign="top" align="center">
<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
<tbody>
<tr>
<td style="width: 80px;" width="80" valign="top" align="center">
<div><a href="http://{{company.SorClubWebAddress:default=www.vacationowners.net}}/rentals/?latitude=34.05223465&amp;longitude=-118.2436829&amp;city=28&amp;citytext=Los%20Angeles%2C%20California%20-%20United%20States&amp;arrdate={{lead.FutureDate3Weeks}}&amp;depdate={{lead.FutureDate28Days}}&amp;utm_medium=email&amp;utm_term=top-hotel-destinations&amp;utm_content={{system.date}}&amp;utm_campaign=SPA-destinations&amp;Promo=SPA-top-hotel-destinations-{{system.date}}" target="_blank" style="text-decoration: none;" title="Los Angeles"><img src="http://landingpage.premiummemberservices.com/rs/392-WQQ-620/images/Hotel_Snippet_LosAngeles_3_160x160.png" style="display: block; font-family: Arial, sans-serif; font-size: 18px; line-height: 30px; color: #424242; max-width: 80px;" alt="Los Angeles" constrain="true" imagepreview="false" width="80" height="80" border="0" /></a></div>
</td>
<td style="width: 15px;" width="15">&nbsp;</td>
<td valign="top" align="left">
<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
<tbody>
<tr>
<td class="em_defaultlink" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 20px; line-height: 23px; color: #272727; font-weight: bold; padding-bottom: 5px;" valign="top" align="left">
<div>
<div>Los &Aacute;ngeles, CA<br /></div>
</div>
</td>
</tr>
<tr>
<td class="em_defaultlink" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 19px; color: #272727; padding-bottom: 15px;" valign="top" align="left"><em>Ciudad de &aacute;ngeles</em></td>
</tr>
<tr>
<td valign="top" align="left">
<table cellspacing="0" cellpadding="0" border="0" align="left">
<tbody>
<tr>
<td class="em_defaultlink" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; color: {{lead.sorclubprimarycolor:default=#eb6111}}; font-weight: bold;" valign="middle" align="left">
<div>➔&nbsp;</div>
</td>
<td class="em_defaultlink" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; color: {{lead.sorclubprimarycolor:default=#eb6111}}; font-weight: bold;" valign="middle" align="left">
<div>
<div><a href="http://{{company.SorClubWebAddress:default=www.vacationowners.net}}/rentals/?latitude=34.05223465
&amp;longitude=-118.2436829
&amp;city=28&amp;citytext=Los%20Angeles%2C%20California%20-%20United%20States&amp;arrdate={{lead.FutureDate3Weeks}}&amp;depdate={{lead.FutureDate28Days}}&amp;utm_medium=email&amp;utm_term=top-hotel-destinations&amp;utm_content={{system.date}}&amp;utm_campaign=SPA-destinations&amp;Promo=SPA-top-hotel-destinations-{{system.date}}" target="_blank" style="text-decoration: none; color: {{lead.sorclubprimarycolor:default=#eb6111}};">Ver Hoteles</a></div>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td style="font-size: 1px; line-height: 1px;" height="20">&nbsp;</td>
</tr>
</tbody>
</table>
</div>

Thanks again!

 

LK

Jo_Pitts1
Level 10 - Community Advisor

Re: Email text disappears in Outlook iOS app?

@Guitarrista82 ,

the code you've supplied doesn't even mention Houston.

Given that is the block you have problems with, I think that'd be helpful. 

BTW - This looks like it isn't using Modules.  If so, why is that?

Regards

Jo

Guitarrista82
Level 5

Re: Email text disappears in Outlook iOS app?

I'm not sure the best way to present the code because of the dynamic content in the snippet.

  

The snippet shows different images and text based on region.

Guitarrista82_1-1633058470268.png

 

Guitarrista82_4-1633061303983.png

 

When I download the code from the email, it only pulls in the snippet's default code.

 

Guitarrista82_3-1633061111037.png

 

I'm not able to post the email code here because it is too long, but here is a link to the shortened code (removing unused meta classes):

https://drive.google.com/file/d/1wAxzJ9rPosymGn7-UYWEz616d---Bbd_/view?usp=sharing

 

And full email code (including unused meta classes):

https://drive.google.com/file/d/1mGPbDRZ1gXjjBWrYJRG5bVx6ky7SfcUj/view?usp=sharing 

 

Is there anything else I can provide that would be helpful or a different way in which I can provide it?

 

Thank you,

 

LK

Jasbir_Kaur
Level 4

Re: Email text disappears in Outlook iOS app?

Hi @Guitarrista82,

 

Strangely, it's happening.

 

Please use this below CSS in <head> tag.

a[x-apple-data-detectors] {
color: inherit !important;
text-decoration: none !important;
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
}

And try to use the <span> tag as below - 

<a href="http://{{company.SorClubWebAddress:default=www.vacationowners.net}}/rentals/?latitude=36.11464691&amp;longitude=-115.1728134&amp;city=33&amp;citytext=Las%20Vegas%2C%20Nevada%20-%20United%20States&amp;arrdate={{lead.FutureDate3Weeks}}&amp;depdate={{lead.FutureDate28Days}}&amp;utm_medium=email&amp;utm_term=top-hotel-destinations&amp;utm_content={{system.date}}&amp;utm_campaign=SPA-destinations&amp;Promo=SPA-top-hotel-destinations-{{system.date}}" style="text-decoration: none; color: {{lead.sorclubprimarycolor:default=#eb6111}};" target="_blank"><span style="color: {{lead.sorclubprimarycolor:default=#eb6111}};">Ver Hoteles</span></a>

 

Let me know if it's helpful or not.

 

Thanks!

Jasbir

Guitarrista82
Level 5

Re: Email text disappears in Outlook iOS app?

Hi Jasbir!

 

Thank you so much. I am going to try this right now.

 

Will let you know what happens. 🤞

Guitarrista82
Level 5

Re: Email text disappears in Outlook iOS app?

To confirm, is this where I would place the code?

Guitarrista82_0-1633108318353.png

 

Guitarrista82
Level 5

Re: Email text disappears in Outlook iOS app?

This is how the template appears when I placed the code in the <head> below the CSS styling.

 

Guitarrista82_0-1633109774592.png

 

Guitarrista82
Level 5

Re: Email text disappears in Outlook iOS app?

Unfortunately, the arrow and text are both disappearing now 😥

 

Updated snippet.jpg