Removing Background and changing colour to specific text

Store Design
,
1

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;
}

DLuxton_0-1748639494801.png
DLuxton_0-1748639494801.png1177×341 205 KB

2

Hi @DLuxton

Let try to use:

.banner__text {color: red;}
3

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 UNAPOLOGETIC.)

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