how to highlight texts in Elementor wordpress

How Highlight Text in Elementor WordPress

Elementor is one of the most popular WordPress page builders, with over 4 million active installs. It is easy to use, has tons of functionalities, and the pricing is highly competitive. There is almost everything included in the Elementor page builder.

But yet, there is a simple but important option missing in Elementor. That is, you cannot highlight specific texts in Elementor. When you select a line of text within a paragraph, you get the option to BOLD the text, to Italicize the text, or to Underline the text. But you do not get any option to highlight the text.

If you want to highlight headings, then you can check out this neat “Elementor Heading Highlighter” plugin on CodeCanyon. This will add a cool heading highlighting animation effects to Elementor.

Use the code below to highlight the text

If you are coming from YouTube, then please use the code in the grey box below to highlight text in Elementor. To add useful Elements to Elementor please check out the Elementor Pack Addon plugin for Elementor.

<span style="background:#C4E538;"></span>

Another problem with Elementor is the page load time, the page size is a bit large. To fix that you can use the WP Rocket plugin. It will speed up your Elementor website and make it load in a fraction of a second.

I know that you can bold the text instead of highlighting it, but that does not have the same effect as highlighting a text. This option is very important for copywriters or lawyers to highlight important lines of texts in huge chunks of texts/copy. Also sometimes, the highlighted texts look quite good and act as a kind of decorative element.

The method I am going to show to highlight texts in Elementor is not one of the easiest, but it works 100%. You will be able to highlight texts with different types of colors. Here is an example of highlighted text with Elementor.

To highlight the text, I am going to use the following code below. 

<span style="background:#C4E538;"></span>

STEP: 1

STEP: 2

STEP: 3


To get different types of highlight color codes, please visit this website: Flat UI Colors

Recommended WordPress ResourceBenefits of using it
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.
𝗘𝗻𝘃𝗶𝗿𝗮 𝗚𝗮𝗹𝗹𝗲𝗿𝘆Best 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