Changing the color of specific words in a paragraph

[jasa11]

Hey.

So as the title suggests, I want to make a few specific words red colored  in one of my paragraphs.

If anyone can provide me with some sort of javascript or css code, would be great!

I've attached the paragraph below but you can go to my website to see for yourself. The paragraph is located right at the start of the landing page.

website url: jasaoslaj.com

The words id like to appear in red are; ''INSPIRING'' , ''modernized'' , ''long-term'' , ''BUILD'' ,  ''KEY'' , ''TRUE'' , ''LAST''

Thanks!

[ZestardTech]

Hello @jasa11 

If you want to color only the word "LAST" in red within the given text, you can wrap the word "LAST" with a <span> element and apply the color property to that element. Here's how you can do it:

<p>Now if you're looking for something that will truly <span class="red-text">LAST</span> &amp; not waste your precious time, then stop waiting around and get to it.</p>

1. In your Shopify Admin go to online store > themes > actions > edit code

2. Find Asset > styles.scss.css and paste this at the bottom of the file:

.red-text {
    color: red;
}

[jasa11]

If I want to target multiple words, do I have to use this exact code except put different sentences in it?

[ZestardTech]

Hello @jasa11 

yes use this exact code except put different sentences in it.

[jasa11]

Great, now im just wondering how do I combine the 2 codes above. As I put them in seperately in the styles file, but my website got all messed up until I removed it again.

[ZestardTech]

Hello @jasa11 

What code did you add in the style file ?

[jasa11]

First the 2nd code, and then below the actual sentence.

[ZestardTech]

Hello @jasa11 

First code edit in featured content section file And second code add in styles.scss.css  file.