Heading Superscript

[GSmith5]

I’m discovering some developers are not quite offay with typesetting procedures, etc.

Does anyone know how I can position a superscipt properly?

This heading uses the Heading 1 option. Type is 36pt size, but the TM needs to be about 14pt and aligned with the top of the heading. But the superscript tool will only align everything IF the TM is 36pt which is waaaay too large. When changing the TM to 14pt the tool only positions the TM as shown in this screen shot.

[Mike_Eastwood]

Hi @GSmith5

The main Heading (h1) is typically a Text Field so there are no options available to add any formating (e.g. bold, superscript, etc.). So, there are a couple of ways to overcome this challenge:

1. add some custom CSS in your page to add the TM after the h1. If you only add the CSS on a page-by-page basis you will have more control. But, it will only work if you want the ^TM at the end of the h1.

h1:after{
 content: "TM";
 vertical-align: super;
 font-size: smaller;
}

2. create a new Template that allows you to add a Rich Text Field for the h1 tag. This would allow you to use the “sup” tag e.g. ^TM would output ^TM similar to your example.

While typography on the web is still liited it’s come a long way!

Have fun

Mike

p.s. results may vary depending on which version of HubSpot you have i.e. Starter has some limitations

Here to learn more about HubSpot and share my HubSpot Knowledge. I’m the founder of Webalite a HubSpot Partner Agency based in Wellington, New Zealand and the founder of Portal-iQ the world’s first automated HubSpot Portal Audit that helps you work smarter with HubSpot.

[GSmith5]

Thanks heaps, Mike. The actual coding is especially helpful though I’m not really offay with coding. I’ll give it a try nonetheless.