How to highlight text in Gutenberg editor WordPress

How to highlight text in Gutenberg editor WordPress

Gutenberg is the default WordPress editor. It is a huge revamp from the previous classic editor. Gutenberg is a blessing for us bloggers. It has got a lot of options for writing blogs comfortably.

Even though it got a lot of options there is no option for highlighting text. But do not worry, you can easily highlight any text in Gutenberg. By using the simple HTML code below. Please follow the directions shown in the video below.

<span style="background-color:#FFFF00;"></span>

You can also use the plugin called “Kadence Blocks – Gutenberg Blocks for Page Builder Features” and the Kadence theme. This theme and plugin will add the highlight feature directly into the Gutenberg editor itself. Please watch the video below for demonstration.

Recommended WordPress ResourceBenefits of using it
WP EngineReliable WordPress hosting. Super fast, regular automatic backups, built in CDN for faster content delivery, top notch security and more!
WP RocketA magical WordPress plugin which 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 you website bounce rate will decrease, average page on time will increase. Eventually you will get more traffic.
Ithemes Security ProIt is a powerful WordPress security plugin. It will protect your website from bots trying to hack into your site through 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 plugin 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 spams. 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.
Coming Soon and Maintenance ModeUsing this plugin you can easily turn on coming soon or maintenance mode on your website. There are several beautiful ready made templates you can use right away.
Element PackThis is a useful Elementor addon plugin which adds around 60 addon elements to your Elementor page builder. Useful elements such as instagram gallery, table, document viewer, iframe and much more.
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.

India $1295