Removing Background and changing colour to specific text

[DLuxton]

Hi, 

New to shopify, 

I created a banner, in which i wanted to remove the background and change the colour to White, which i've done successfully using the following code:

However, i want to change the color of one of the words to red, leave the rest white.

Thanks. 

.banner__box {
background: transparent;
font-size: 50px;
}
.banner__text {
font-size: 51px;
color: white;
}

[BiDeal-Discount]

Hi @DLuxton 

Let try to use:

.banner__text {color: red;}

[DrewOswald]

Italicize the word that you want to be red. For example if you wanted "UNAPOLOGETIC" to be red:

"UNFILTERED. UNCENSORED.

UNAPOLOGETIC." <= Italicized.

Then add this CSS in the Custom CSS area of that section:

(Note: This works because when you italicize a word it gets wrapped in an em tag like this <em>UNAPOLOGETIC.</em>)

.banner__text em {
    color: red;
    font-style: normal;
}