HTML Pro: CAPITALS snippet

You're updating your company email signatures and need to change the letters to capital letters:

  • You add text-transform: uppercase; in your HTML source.
<font color="#000000" face="Arial, Helvetica, Geneva, Sans-Serif" style="FONT-SIZE: 10pt;text-transform: uppercase;">((DisplayName))</font>

Example: 

  • The 'John Doe' is show as 'JOHN DOE' in his email signature. 

ALLCAPS in NEW OUTLOOK

If you are using New Outlook, you may notice that the 'text-transform' is not working properly. This happens because New Outlook strips or ignores certain CSS, including text-transform. That’s why uppercase/lowercase transformations won’t render properly in HTML email signatures or templates.

Instead you can use a liquid filter to make the field ALLCAPS.

{{ 'SoMe TeXt' | upcase }}

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.
Quick 1-on-1 Demo | Ⓒ 2025 Xink