Subscript and Superscript not Working in WordPress

In WordPress, you can use the following ways to have the subscript or superscript when you work with contents.

Method 1: Direct Insert

Step 1: Select the number or contents that you want to have the subscript or superscript;

Step 2: Click the "More rich text controls", and select "Superscript" or "Subscript" from the drop-down list.

Method 2: Using Codes

If you cannot find the above commands, you can use the codes to have the subscript and superscript.

  • Superscript Code: <sup></sup>
  • Subscript Code: <sub></sub>

For example:

  • 10<sup>3</sup> will return 103 and
  • 10<sub>3</sub> will return 103

However, sometimes the codes do not work in your posts in either methods.

The first possible reason is that you should use the codes above in the html window. If you enter the codes in the Visual View, the codes will be considered as text and will not work properly.

If still not working in the html window, the WordPress theme you use may overwrite the default style, and you can use the codes below to change them back. The most convenient way is to put the codes in the Custom CSS box.

sup {
    vertical-align: super;
    font-size: smaller;
}
sub {
    vertical-align: sub;
    font-size: smaller;
}

The location of the Custom CSS box is different theme to theme. If you also use the Schema WordPress theme, you will find it under Appearance > Theme Options > Styling Options.

One Response

  1. GK Scientist June 7, 2021

Leave a Reply