How to add subscript and superscript text in elementor

Add Subscript & Superscript text in Elementor

Elementor is an amazing page builder with tons of design and customization options. But its text editor does not have all the options there are in a typical word editor such as Microsoft word. And one of those options is the ability to add Superscript and Subscript text. Also, there is no option in Elementor to highlight text, but for highlighting the text you can read my other blog here.

To have better options with text in Elementor you can try out the Element Pack Addon plugin. This will add around 60 additional widgets to your Elementor plugin.

In this blog post, we are mainly going to focus on how to add subscript and superscript text in the Elementor text editor, just like we can add in Microsoft word. When we have a closer look, Elementor does not have a lot of text editor options. Please have a look at the image below. These are the only text editing options we get from Elementor.

elementor text editor options
 For subscript: <sub></sub>
 For superscript: <sup></sup>

What is Superscript & Subscript text?

Please refer to the image below. The Superscript text is the small text in the upper right corner. It is mainly used in mathematical terms, scientific terms, references, etc. In the image below, the superscript text is representing the power of X, or X square.

The subscript text is the small text in the lower right corner, it is also used for mathematical, scientific, and referencing.  In the image below, the subscript text is used to write down the formula of Carbon dioxide.

subscript and superscript text in elementor

How to add Superscript & Subscript text in Elementor?

I have found two ways you can do this, firstly write down your texts with superscripts/subscripts in a word editor such as Microsoft word, by selecting the text and then pressing Ctrl/CMD + C and then pasting it directly in the Elementor text editor by pressing Ctrl/CMD + V . You cannot paste it as plain text, otherwise the subscript/superscript part would be removed. It works, but there is a problem, when you paste it directly from the word editor, the formatting of the text does not match with the text formatting of Elementor.

Another way is by wrapping around the subscript/superscript with <sup> or <sub> HTML tags in the text editor of Elementor. Please have a look at the video below in which I explain these two methods in detail.

HTML tags used in the video

 For subscript: <sub></sub>
 For superscript: <sup></sup>
Recommended WordPress ResourceBenefits of using it
BluehostBluehost is the best WordPress hosting in the market right now. Not only it provides superior performance but also easy to get started for a newbie with a fair price. They provide effective Managed WordPress hosting which will allow you to install WordPress in seconds, and easily log in to your WordPress from your Bluehost account. Regular full website backups depending on the package you use, 24/7 support.
The WordPress Security Handbook: Protecting Your Site from AttacksThe WordPress Security Handbook is a comprehensive guide that covers all aspects of securing a WordPress site. With 30 chapters, it covers everything from an introduction to WordPress security, to understand the different threats that can affect your site, to implementing best practices for managing user accounts and passwords.
Elementor ProThe most powerful, easiest to use, and lightweight WordPress page builder in the market. Currently, it is the number 1 WordPress page builder. Used in theme demos in the ThemeForest themes.
Element PackThis is a useful Elementor addon plugin that adds around 60 addon elements to your Elementor page builder. Useful elements such as the Instagram gallery, table, document viewer, iframe, and much more.
WP EngineReliable WordPress hosting. Super fast, regular automatic backups, built-in CDN for faster content delivery, top-notch security, and more!
Jupiter Multipurpose WordPress theme for ElementorImport among many 450 ready-made websites made with Elementor and customize them according to your needs. Advanced WooCommerce checkout options optimized for better conversions.
WP RocketA magical WordPress plugin that will reduce the load time of your website to less than a second. It is an all-in-one speed optimization tool. It will also improve your Google Page Insights score. As the pages load quicker your website bounce rate will decrease, and average pages on time will increase. Eventually, you will get more traffic.
Slider RevolutionThe most powerful and advanced WordPress slider plugin ever. Over 200+ ready eye candy slider templates to wow your website visitors. Advanced animations, parallax effects, and interactive features.
Duplicator ProThis plugin will save you from disaster. It keeps regular backups of your WordPress sites. In case you break your site you can easily recover it. Using this plugin you can also easily migrate your WordPress sites. It can also keep cloud backups such as Dropbox, Google Drive, One Drive, etc.
ThemeforestBuy any type of beautiful WordPress theme from here such as blogging, WooCommerce, Real Estate, etc. Ability to import any demo site. Chose any type of page builder such as Elementor, WP Bakery, Muffin builder, etc.
Envira GalleryBest WordPress image and video gallery plugin. Easy to use with powerful and advanced features. If your WordPress page builder does not have a good enough gallery element then check this one out!
– Completely responsive on mobile
– Social Media Integration
– Slideshow & Fullscreen
– Drag & Drop Builder
Ithemes Security ProIt is a powerful WordPress security plugin. It will protect your website from bots trying to hack into your site through a brute force attack. It can also scan your website and remove malware.
Getty ImagesGet premium stock images from here. Using high-quality and premium stock images on your site will make your site look professional. Visitors will be impressed and quickly turn into paying customers.
WP FormsOne of the most popular WordPress form plugins ever. Easily build advanced contact, payment, donation, survey, and newsletter forms with zero coding. Embed your forms on posts/pages using a shortcode. Built-in Recaptcha to prevent spam. The information of people submitting the form will be stored as leads directly on the website.
NamecheapBuy any type of domain name at a very low price. The renewal rates are also reasonable. I use namecheap domain names on all of my websites.

India $1295