Changing a single navigatation item color

Store Design
1

Hi all,

I want to change the color of the “SALE” word to red in my Shopify store. Do you know how to do it?

I tried with some custom CSS but couldn’t make it work.

Thanks for all the help!

screenshot-SALE.png
screenshot-SALE.png2880×1126 244 KB

2

Hey @tswater ,
Welcome to the Shopify community!
You can follow the instruction below:
Go to Online Store->Theme->Edit code->style.css->paste bellow code in bottom of file.

.navigation__link:last-child {
 color:red !important;
}

If you feel like my answer is helpful, please Like and mark it as a solution. Let me know if you have any further questions.
Thank you!
Raman

3

Hi @ReturnPrime ,

Thanks for the answer! It works on the desktop, but not on mobile. Additionally, this code makes all the sub-menu items red as well, even though it shouldn’t (see the attached screenshot).

Any solutions? Thanks :slightly_smiling_face:

Screenshot 2022-09-12 at 15.53.12.png
Screenshot 2022-09-12 at 15.53.12.png2194×968 233 KB

4

Hey @tswater , Try below code.

a[href='/collections/sales-outlet'] {
 color:red !important;
}

If you feel like my answer is helpful, please Like and mark it as a solution**.** Let me know if you have any further questions.
Thank you!
Raman

5

Thanks a lot!