How can I change the color of a specific word in my website header?

[tlnvwmz]

Hi there,

is it possible to change the color for only the word “SALE!” in my header to red?

theme turbo 5.0.0

edit:

https://nixoid.store/

[ZestardTech]

Hello There,

Admin go to online store → themes → actions → edit code
Find Asset >styles.scss.css and paste this at the bottom of the file:

[data-dropdown-rel="sale"] {color:red !important}

[tlnvwmz]

It works only in desktop version!

What about mobile version?

[PageFly-Kate]

Hi @tlnvwmz

This is Kate from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/styles.scss.css->paste below code at the bottom of the file:

[data-dropdown-rel="sale"] {
    color:red !important;
}

[data-mobile-dropdown-rel="sale"] .parent-link--true {
    color: red !important;
}

It changes color on both mobile and desktop.

Hope my answer will help you

[tlnvwmz]

Just done but don’t help, this is not working for me.

[tlnvwmz]

[PageFly-Kate]

@tlnvwmz

Please lowercase “sale” and remove the “!” Like this :

[data-dropdown-rel="sale"] {
    color:orange !important;
}

[data-mobile-dropdown-rel="sale"] .parent-link--true {
    color: orange !important;
}