Change font color of certain repeated words in JS and Elementor | Target & style specific words
This short and easy tutorial will teach you how to color all instances of certain words in text using Javascript (JS) and Elementor in Wordpress.
Imagine that you want to give red color to all the words 'red' that appear in your text on your website or your webpage. And that you have 100 instances or that word.
You can change the font color and the style of specific repeated words or string of characters on the whole web page and in the whole text AUTOMATICALLY, without changing every word manually.
And don't worry, you don't need to know any Javascript to do this! Just grab the code below and change your parameters.
First you want to target a certain word in your text with a specific CSS class using Javascript (JS) regex function. There you need to define the string of characters that form your targetted word.
Then, you want to wrap those words in spans of a specific class, that you will then define and style in your CSS.
This way you can change not only color of those words, but also the size, font, make them bold and any other CSS value assigned to that span class.
We are using a simple Text editor and HTML widget in Elementor.
💻 Grab the CSS code here:
https://www.velvetmade.com/2024/02/19...
🚀 Interactive CSS Basics course for designers and non-coders:
https://www.cssgamelab.com/
👉 Get 20% off using the code VELVET20OFF at Checkout.
––––––––––––––––––––––––––––––
PURCHASE AND DOWNLOAD ELEMENTOR PRO:
https://trk.elementor.com/cssexpress
––––––––––––––––––––––––––––––
SIMPLE CUSTOM CSS AND JS PLUGIN:
To use custom CSS code with Elementor FREE, I am using the Simple Custom CSS and JS plugin for Wordpress that you can download here:
https://wordpress.org/plugins/custom-...
Have fun and thanks for watching!
If this tutorial helped you, please share or subscribe.
––––––––––––––––––––––––––––––
This video and description may contain affiliate links. If you click on a link and make a purchase, I will receive a commission from the sale. That way you are supporting my channel and allowing me to keep making videos and posts like this. I only promote products that I use, have experience with and support, such as Elementor Pro.
––––––––––––––––––––––––––––––
Have a specific problem in Elementor that you don't know how to solve with CSS? Comment below to let me know which video you would like to see next!
––––––––––––––––––––––––––––––
MUSIC:
Artist: Corbyn Kites
Track Title: Staycation
––––––––––––––––––––––––––––––
