# Personalization Tokens - rendering

**URL:** <https://community.hubspot.com/t/personalization-tokens-rendering/59956>\
**Category:** Email Marketing Tool\
**Tags:** enterprise\
**Created:** [June 28, 2022, 3:43pm UTC](https://community.hubspot.com/t/personalization-tokens-rendering/59956 "2022-06-28T15:43:32Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![GWalsh](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/gwalsh/32/47092_2.png) [@GWalsh](https://community.hubspot.com/u/GWalsh)\
**Post date:** [June 28, 2022, 3:43pm UTC](https://community.hubspot.com/t/personalization-tokens-rendering/59956/1 "2022-06-28T15:43:32Z")

</div>

Hi -

I am using the personalization token for contact owner signature in an email, and the formatting is all wrong. The contact owner signature contains HTML that is not following into the email, and using inline styling is also not correcting the error. There are very wide spaces between each line of the signature I am trying to get rid of in Outlook. HSpace and VSpace do not work. Can someone help?

---

<div class="post-metadata">

**Author:** ![kvlschaefer](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/kvlschaefer/32/71076_2.png) [@kvlschaefer](https://community.hubspot.com/u/kvlschaefer)\
**Post date:** [June 29, 2022, 7:11pm UTC](https://community.hubspot.com/t/personalization-tokens-rendering/59956/2 "2022-06-29T19:11:41Z")

</div>

Hi @GWalsh,

Thanks for reaching out!

Outlook renders the CSS and styling of emails due to its limited support of CSS as mentioned in this [help article](https://knowledge.hubspot.com/email/why-do-emails-look-different-in-outlook).

I would like to invite our subject matter experts to our conversation.

Hi @Anton, @piersg, @Teun, @Indra - Do you have any advice for @GWalsh?

Thank you!

Best,

Kristen

---

<div class="post-metadata">

**Author:** ![Anton](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/anton/32/103167_2.png) [@Anton](https://community.hubspot.com/u/Anton)\
**Post date:** [June 30, 2022, 6:16am UTC](https://community.hubspot.com/t/personalization-tokens-rendering/59956/3 "2022-06-30T06:16:15Z")

</div>

Hi @GWalsh,

maybe it’s line-height or something similar.

Could you please share the HTML part?

best,

Anton

---

<div class="post-metadata">

**Author:** ![GWalsh](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/gwalsh/32/47092_2.png) [@GWalsh](https://community.hubspot.com/u/GWalsh)\
**Post date:** [June 30, 2022, 12:49pm UTC](https://community.hubspot.com/t/personalization-tokens-rendering/59956/4 "2022-06-30T12:49:15Z")

</div>

Thanks Anton - we are using

\<div class=“WordSection1”\>  
\<p class=“MsoNormal”\>\<span style=“font-size: 10.0pt; font-family: ‘Arial’,‘sans-serif’; color: #00728f;”\>NAME - GW\</span\>\<span style=“font-size: 10.0pt; font-family: ‘Arial’,‘sans-serif’; color: #819f3d;”\>&\</span\>\<span style=“font-size: 10.0pt; font-family: ‘Arial’,‘sans-serif’; color: #00728f;”\>K\ \</span\>\<span style=“font-size: 10.0pt; font-family: ‘Arial’,‘sans-serif’; color: #848484;”\>Investment Management\</span\>\</p\>

\<p class=“MsoNormal”\>\<strong\>\<span style=“font-size: 8.0pt; font-family: ‘Arial’,‘sans-serif’; line-height: 0.8; color: #848484;”\>t:\</span\>\</strong\>\<span style=“font-size: 8.0pt; font-family: ‘Arial’,‘sans-serif’; color: #848484;”\>PHONE\</span\>\</p\>  
\<p class=“MsoNormal”\>\<strong\>\<span style=“font-size: 8.0pt; font-family: ‘Arial’,‘sans-serif’; line-height: 0.8; color: #848484;”\>f:\</span\>\</strong\>\<span style=“font-size: 8.0pt; font-family: ‘Arial’,‘sans-serif’; color: #848484;”\>FAX\</span\>\</p\>  
\<p class=“MsoNormal”\>\<span style=“font-size: 8.0pt; font-family: ‘Arial’,‘sans-serif’; color: #848484;”\>\<a [href="EMAIL@gwkinvest.com](mailto:href=%22EMAIL@gwkinvest.com)"\> [EMAIL@gwkinvest.com](mailto:EMAIL@gwkinvest.com) \</a\>\</span\>\</p\>  
\<p class=“MsoNormal”\>\<span style=“font-size: 8.0pt; font-family: ‘Arial’,‘sans-serif’; line-height: 0.8; color: #00728f;”\>\<a href=“[http://www.gwkinvest.com](http://www.gwkinvest.com)”\>[www.gwkinvest.com](http://www.gwkinvest.com)\</a\>\</span\>\</p\>  
\<p class=“MsoNormal”\>\ \</p\>  
\</div\>

It shows up like this

 ![GWalsh_0-1656593248347.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/1/b/1b05aa1135416c0520cbb1ea43558f5b00b8db8b.png)

but in other email templates, we get it to appear like this

![GWalsh_1-1656593326113.png](https://d2qpr2jzcazej7.cloudfront.net/original/2X/3/3376eaf215dfaa395850612a37b8ecf05bf0f3fc.png)

---

<div class="post-metadata">

**Author:** ![Anton](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/anton/32/103167_2.png) [@Anton](https://community.hubspot.com/u/Anton)\
**Post date:** [June 30, 2022, 1:30pm UTC](https://community.hubspot.com/t/personalization-tokens-rendering/59956/5 "2022-06-30T13:30:44Z")

</div>

Hi @GWalsh,

thank you.

Was this code written/developed by a developer or copy/pasted from somewhere like Word, 3rd party email tool (e.g. stripo) etc.?

Also is it a drag&drop or html mail?

Nontheless try this code:

```lia-code-sample
<p>
<span style="font-size: 12px; font-family: 'Arial','sans-serif'; color: #00728f;">
NAME - GW
</span>
<span style="font-size: 12pxt; font-family: 'Arial','sans-serif'; color: #819f3d;">
&
</span>
<span style="font-size: 12px; font-family: 'Arial','sans-serif'; color: #00728f;">
K 
</span>
<span style="font-size: 12px; font-family: 'Arial','sans-serif'; color: #848484;">
Investment Management
</span>
</p>

<p>
<strong style="font-size: 10px; color: #848484;font-family: 'Arial','sans-serif';">
t:
</strong>
<span style="font-size: 10px; color: #848484;font-family: 'Arial','sans-serif';">
PHONE
</span>
</p>
<p>
<strong style="font-size: 10px; color: #848484;font-family: 'Arial','sans-serif';">
f:
</strong>
<span style="font-size: 10px; color: #848484;font-family: 'Arial','sans-serif';">
FAX
</span>
</p>
<p>
<a href="mailto:EMAIL@gwkinvest.com" style="font-size: 10px; font-family: 'Arial','sans-serif';">EMAIL@gwkinvest.com</a>
</p>
<p><a href="http://www.gwkinvest.com" style="font-size: 10px; font-family: 'Arial','sans-serif'; color: #00728f;">www.gwkinvest.com</a>
</p>
<p> </p>

```

Here are some resources for additional information:

- [Email template markup - HubSpot docs](https://developers.hubspot.com/docs/cms/start-building/building-blocks/templates/email-template-markup)
- [Specify drag and drop areas in a custom email template - HubSpot docs](https://developers.hubspot.com/docs/cms/start-building/building-blocks/drag-and-drop/custom-email-template)

best,

Anton

_Moderator note: While this solution may not address the original poster’s specific situation, it could be helpful for other community members facing similar challenges._

---

<div class="post-metadata">

**Author:** ![GWalsh](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/gwalsh/32/47092_2.png) [@GWalsh](https://community.hubspot.com/u/GWalsh)\
**Post date:** [June 30, 2022, 2:47pm UTC](https://community.hubspot.com/t/personalization-tokens-rendering/59956/6 "2022-06-30T14:47:43Z")

</div>

Hi Anton,

That still looks the same, so it may just be the way it is being read by outlook. We used a third-party tool and the email is an HTML template with a single module for the main email body. Code below. Thanks!

\<!--  
templateType: email  
isAvailableForNewContent: true  
--\>  
\<!doctype html\>  
\<html\>  
\<head style=“ms-text-size-adjust: none; mso-line-height-rule: exactly;”\>  
\<title\>{% if content.html\_title and content.html\_title != ‘’ %}{{ content.html\_title }}{% else %}{{ content.body.subject }}{% endif %}\</title\>  
{% if content.meta\_description %}\<meta name=“description” content=“{{ content.meta\_description }}”/\>{% endif %}  
\<style type=“text/css” id=“hs-inline-css”\>  
/\*\<![CDATA[\*/  
/\* everything in this style tag will be inlined onto matching elements \*/  
.sample-rule {  
}  
/\*]]\>\*/  
\</style\>  
\</head\>  
\<body\>  
\<!-- Insert body here --\>  
{% module “email\_template\_main\_email\_body” path=“@hubspot/email\_body” label=“Main Email Body” %}  
{{ site\_settings.company\_name}}  
\<br/\>  
{{ site\_settings.company\_street\_address\_1}},  
{{ site\_settings.company\_street\_address\_2}}  
{{ site\_settings.company\_city}},  
{{ site\_settings.company\_state}}  
{{ site\_settings.company\_zip}}  
{{ site\_settings.company\_country}}  
\<br/\>  
\<br/\>  
\<a style=“font-size: 10px” class=“hubspot-mergetag” data-unsubscribe=“true” href=“{{ unsubscribe\_link }}”\> Manage preferences\</a\>  
\<br/\>  
\<br/\>  
\<p style=“font-family: ‘Times New Roman’, Times, serif; font-size: 10px; line-height: 1;”\> This e-mail may contain information that is confidential or privileged. If you are not the intended recipient, please advise the sender immediately and delete this message. \</p\>  
\<p style=“font-family: ‘Times New Roman’, Times, serif; font-size: 10px; line-height: 1;”\> This e-mail does not constitute an offer or solicitation with respect to the purchase or sale of any security in any jurisdiction in which such offer or solicitation is not authorized or to any person to whom it would be unlawful to make such offer or solicitation. Please click \<a href=“[https://www.gwkinvest.com/wp-content/uploads/electronic\_communication\_disclosure.pdf](https://www.gwkinvest.com/wp-content/uploads/electronic_communication_disclosure.pdf)”\>here\</a\> for further disclosures. \</p\>  
\</body\>  
\</html\>