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

I'm having difficulty trying to use the CSS snippet above.  I'm trying to add an SM to "Streamline Success with Broker-Dealer in A Box", but cant seem to do it.  https://www.gigcxos.com/brokerdealerinabox Below is the HTML code from the this link. 

<div class="fe-block fe-block-1e3ad93c1c819a35acc0" style="mix-blend-mode: normal;"><div class="sqs-block html-block sqs-block-html"............ id="block-1e3ad93c1c819a35acc0"><div class="sqs-block-content">

<div class="sqs-html-content">
  <h2 style="text-align:center;white-space:pre-wrap;">Streamline Success with Broker-Dealer in A Box</h2>
</div>

Here is what I have??  What am I doing wrong?

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

On 8/30/2024 at 10:58 PM, gigcxos said:

I'm having difficulty trying to use the CSS snippet above.  I'm trying to add an SM to "Streamline Success with Broker-Dealer in A Box", but cant seem to do it.  https://www.gigcxos.com/brokerdealerinabox Below is the HTML code from the this link. 

<div class="fe-block fe-block-1e3ad93c1c819a35acc0" style="mix-blend-mode: normal;"><div class="sqs-block html-block sqs-block-html"............ id="block-1e3ad93c1c819a35acc0"><div class="sqs-block-content">

<div class="sqs-html-content">
  <h2 style="text-align:center;white-space:pre-wrap;">Streamline Success with Broker-Dealer in A Box</h2>
</div>

Here is what I have??  What am I doing wrong?

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

You mean this? Add after "Box" word or?