Jump to content

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

Go to solution Solved by tjb1970,

Recommended Posts

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?

Screenshot 2023-08-30 at 3.53.46 PM.png

Link to comment

@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. 

Did I help? Click 👍 or mark it as the solution! This helps others find the answers they need. 

Meghan | Westerly Creative Studio
  
 🍪  Still need your website policies?
Termageddon makes it easy.  
Get 10% off your first year! (< affiliate link) 

Link to comment
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;
}

image.thumb.png.a4cd6d05be330f05d0629aba783c3b1a.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

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? 

Link to comment
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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • Solution

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;
}

 

 

 

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.