Jump to content

How can I add small annotation-like text (superscript)?

Go to solution Solved by paul2009,

Recommended Posts

  • Solution

There isn't a preset available for this in the text editor, so you'll need to add your text in a Markdown Block or a Code Block and use HTML. The HTML for superscript is

<sup>   </sup>
For example, you could add something like this:
<p>This text contains <sup>superscript</sup> text.</p>
..to achieve this..

This text contains superscript text.

Read more about the HTML here: https://www.w3schools.com/tags/tag_sup.asp

I hope that helps.


Contributors to this forum voluntarily give their time to help you.
If a post helped, please tap on one of the "Like" icons below  ↘️

Edited by paul2009

About: SQSP User for 17 yrs. Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF Digital, building Squarespace Extensions to supercharge your commerce website. 
Content: Links in my posts may refer to SF Digital products or may be affiliate links.
If my advice helped, you can thank me by clicking one of the feedback emojis below. I love coffee too.

Link to comment
  • 6 months later...

Paul's answer works well. In addition, if it's something you use often and require the style to be in-line with the rest of your text, I've created a plugin for Squarespace that allows for superscript, subscript and more. See Squint.

Project Mgr. and Developer at Ignertia
Creator of Squint - Custom Text Styles & Headings for the Squarespace Text Editor

Edited by brandon
Initial Revision

If a response helped you out, send a 'Like' 👍 (bottom-right) and/or 'Upvote' vote.jpg.c260784ece77aec852b0e3049c77a607.jpg (top-left)

Link to comment
  • 3 years later...

I do it like so … (for digits)

  1. I select the digit that I would like to superscript
  2. In MacOS, I launch the Character Viewer
  3. I use the search function available in the Character Viewer window and search for superscript
  4. From the search results, I double click the character I want to replace the selection I made in step 1 and the selected text is now replaced by what I double clicked on

As a tip, you can pretty much double click on most anything inside the character viewer and it will "type" into the text block. I might be worth your while to inspect the element using the browser inspector to learn what is going on behind the scenes as it were. I would also test the results by viewing the contents in a variety of browsers to understand any limitations that might not be obvious.


Edited by AlexSantos
Added tip
Link to comment
  • 2 months later...

There are Unicode superscript characters.

Superscript: ᴬᴮᶜᴰᴱᶠᴳᴴᴵᴶᴷᴸᴹᴺᴼᴾᵠᴿˢᵀᵁⱽᵠˣʸᶻᵃᵇᶜᵈᵉᶠᵍʰᶦʲᵏˡᵐⁿᵒᵖᵠʳˢᵗᵘᵛᵠˣʸᶻ¹²³⁴⁵⁶⁷⁸⁹⁰

Subscript: ₐBCDₑFGₕᵢⱼₖₗₘₙₒₚQᵣₛₜᵤᵥQₓYZₐᵦ𝒸𝒹ₑ𝒻𝓰ₕᵢⱼₖₗₘₙₒₚᵩᵣₛₜᵤᵥᵩₓᵧ𝓏₁₂₃₄₅₆₇₈₉₀

You can copy these characters and paste them.


Link to comment
  • 1 year later...

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.