Make "TM" smaller than default superscript and retain text scaling

I have the phrase DesuckifyWork™ on my home page. I would like the superscript TM to be smaller, while still retaining the scale-to-fit text option. Is this possible? I've tried creating it with code in a markdown box but can't get the text to center align or retain the scale-to-fit feature. Any thoughts?

@tjb1970  Try copying this unicode and inserting it to the title text box, just like you would with any other text: ᵀᴹ . It will center and scale, just like the rest of your title!

If it's still not small enough, let us know and we can assist further. 

Thank you! I tried that and it ends up looking pretty much the same. If there is a way to make it smaller, that would be awesome.

Can you share site url? We can check problem easier

Sure thing. Here's the link:

https://www.thepuddingfactory.net/

On 9/5/2023 at 6:50 AM, tjb1970 said:

Sure thing. Here's the link:

https://www.thepuddingfactory.net/

 

Use this to Website > Website Tools > Custom CSS

div#block-yui_3_17_2_1_1689957195610_2409 p.sqsrte-large strong:after {
    content: "new tm";
    font-weight: 300;
    font-size: 18px;
    position: relative;
    top: -50px;
}

This gets really close. For about 75% of the responsive positions, it looks great. But for the rest it either shows up too high or too low relative the word "Work." I can play with the "top" value but it never quite gets it right for all iterations. I see the position is "relative." Are there any adjustments I can make there? 

On 9/6/2023 at 12:36 PM, tjb1970 said:

This gets really close. For about 75% of the responsive positions, it looks great. But for the rest it either shows up too high or too low relative the word "Work." I can play with the "top" value but it never quite gets it right for all iterations. I see the position is "relative." Are there any adjustments I can make there? 

Which element do you have problem? We can give extra code

Thank you. I think I got it to work with a few tweaks to the code. Here's where I landed:

div#block-yui_3_17_2_1_1689957195610_2409 p.sqsrte-large strong:after {
    content: "TM";
    font-weight: 300;
    font-size: 14px;
    vertical-align: super;
      position: relative;
    bottom: 7px;
      left: 1px;
}