Change Color of Single Text Word in Menu in Prestige Theme

[resid3ncy]

Hello!

Pre-apologies on asking a question that have been answered in multiple threads, but not so clearly for our Prestige Theme. Have tried multiple videos / ways to no avail.

Would appreciate support to change our "Clearance" word to red in desktop and mobile version.

www.resid3ncy.com

Appreciate any insight!

[LizHoang]

Hi @resid3ncy 

You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file theme.css and add this code at the end of the file

ul.contents.unstyled-list.md-max\:hidden li:nth-child(8) {
    color: red !important;
}

Result: 

Best,

Liz

[CodingFifty]

Hi @resid3ncy,

Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.

.header__primary-nav-item[data-title="CLEARANCE"] a {
    color: red !important;
}

[DaisyVo · Accepted solution]

Hi @resid3ncy 

To complete your requests, please follow these steps:

1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
2. Paste the code provided into the Custom CSS section.

li.header__primary-nav-item[data-title="CLEARANCE"] > a {
    color: red !important;
}
ul.header-sidebar__linklist > li:nth-child(8) > a {
    color: red !important;
}

Here is the result: 

I hope this helps

Best,

Daisy

[resid3ncy]

This worked perfectly seamless for desktop and mobile! Thank you so much!

Appreciate the feedback from everyone!

[resid3ncy]

One question, is it just made a few other collections red also. ESSENTIALS, GAINESVILLE as examples. How would we revert those back to black please?

[DaisyVo]

Hi @resid3ncy 

Of course it is possible
change the color of other menus to red
if you don't like it or want to change to another color, just change the color name in the color attribute
Or delete the code to return to black

Do you want to change to any other color?

[resid3ncy]

Hi, no, just to clarify, that because of the nth (8) every 8th item in the side menu is in red.

Could we make it that only the "CLEARANCE" is in red, no other collection?

Thank you so much!

[DaisyVo]

Hi @resid3ncy 

Is there any other part of the site that is showing red?

Can you point it out so I can check it again?

The code with the number 8 is the order I am coding because on mobile there is no separate code for the menu like on desktop
so it has to be coded in order.
If you change the order you can edit this number
if you have any other red error, please let me know

[resid3ncy]

Hello! Appreciate the response.

The other items on mobile that are coming up red are "GAINESVILLE" and "ESSENTIALS". These are coming up red because they are technically the 8th option in the side menu drop down under "CITIES" and "COLLECTIONS".

Appreciate your help as would like to only have CLEARANCE be red, no other item on mobile.