AT
2
Superscript takes up extra space
Dear All,
I am using Salesforce Marketing Cloud platform. While working on email design there is a content which as Registered symbol. There are totally 3 registered symbols present in the creative. 2 of them are working only with <sup> but 1 more creating problem.
Extra space is added at the end of the word(before superscript) as below which is not needed. This extra space adds up only when we preview against a subscriber record and also when we look in all major Email clients.
Contet having issue : Make-A-Wish ®
Please share some solutions to fix this.
Thank you,
Aishwarya
Hey Aishwarya!
As I can see you are using <sup>... this runs into issues when used within HTML emails. I suggest adding a td with span instead of "sup" for superscripts in the body copy.
Example:
<span style="font-size:12px; line-height:14px; vertical-align:4px;">®</span>
Hope this helps!
Just noticed this for myself for the first time but changing from sup to span didnt work for me. Even tried changing the paragraph div to a p like in other articles.
Hi Mrugesh & Jason,
I've used below code in my HTML to fix this issue.
Class sup can alter the stylings for mobile based on the requirement.
<sup class="sup" style="vertical-align: text-top .6em; line-height: .6em; font-size: 60%;">®</sup>
I have enclosed it within <span> as well. <p>, <div> tags are not used. (Used above snippet within <td>)
Kindly note, each sentence should not be separated by <br> instead use separate <tr> for each.
Hope this helps :)
<tr style="mso-hide:all">
<td style="mso-hide:all">
Text <span>Here<sup></sup></span> more random text
</td>
</tr>
<!--[if mso]>
<tr>
<td>
Text Here<sup style="margin-left:-5px"></sup> more random text
</td
</tr>
<![endif]-->
This is a solution that i used to solve the issue.
I know this post is 2 years old but if i found it, others might.
It hides the top TR in outlook and shows the bottom one which has the margin left correction