change color and bold of one item from menu

Shopify Discussion
1

I have tried using many codes in base.css and theme.css including
.header__menu-item__ link[href=“/collections/final-sale”] {
color: red;
}
but nothing seems to work, can someone help ?

url of store:westernera.com

2

Hi @visheshk

You can used this selector.

a[href="/collections/on-sale"] {
    color: red;
    font-weight: 900;
}

And Save.

result:

Made4uoRibe_0-1706629205207.png
Made4uoRibe_0-1706629205207.png945×257 235 KB

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

3

Hey, I tried this, it only working when i scroll down abit ( when the header has a bg basically )

4

Yes you have 2 header. one sticky and one is transparent.

Check this one.

.site-header-transparent a[href="/collections/on-sale"] {
    color: red;
}

And Save.