Streaming live at 10am (PST)

How do i superscript text?


#1

Howdy,

My the ™ & ® in my headings are too big.
I've used a span to decrease size and weight, but it drops to the baseline.

How can I raise the symbol as I have in my mockup?

It would be even better to just have the symbols automajically thinner, smaller & raised.

https://preview.webflow.com/preview/npi?preview=b93098fafc77f1cfb703ae4d523804eb

keywords
Trademark & copyright symbols


#2

Try a little padding underneath the text in the span style wrapped around the TM or Registered symbol smile


#3

Waldo,
Thank. I had tried that before, but I tried it again. The padding unfortunately doesn't raise the text.


#4

Maybe try adjusting the position? Change the position of the span to relative, then adjust the position of top or bottom, that's worked for me before smile


#5

I typically just export the code and wrap the ® with a or but there isn't a toggle for sub or superscript in webflow that I'm aware of. @PixelGeek may know?


#6

There currently isn't a sup or sub script tag in Webflow. So export or embedded code it the only way to use it currently.

The relative position method you described should work in this case.


#7

@odog you can superscript text by highlighting the text you want superscripted and making a new nested style, then making the font size smaller and using a transform function to raise the position of the text.

Let me know if this works,

Arthur


#8

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.