How do I change a single word's color in my text?

Website: 564bb7-2.myshopify.com

How do i make one word in my text beocome green?

this is what im trying to do

1 Like

Hello,

Please add this the bottom of base.css


file.
feature-row__text{
color: #339968;
}

Thanks dude, but how can i make it so only 1 word is green?

Sure

Which word do you just want to make green? You have to wrap that word in a span and then apply a css property to that span. Something like this in the code:

Let me know if you need help doing this on your store.

Hello @Alexanderholand
please add this css Asset > theme.css and paste this at the bottom of the file:-

.feature-row__text .h3 {
color: green;
}

Yes thats exactly what i wanted how can i create a span and do that?

Does this make the whole text green or just the audience text?

Hello @Alexanderholand

You can make the last word of the text green in CSS by wrapping it in a span element and applying a CSS rule to that span. Here’s an example:

## GAIN ORGANIC TRAFFIC AND AUDIENCE
.green-text {
    color: green;
}

Hi @Alexanderholand

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->Theme.css

.feature-row__item.feature-row__text.feature-row__text--left.larger-text>.h3:after {
    content: ' AUDIENCE';
    color: green;
}

Hope you find my answer helpful!
Best regards,
Richard | PageFly