Refresh theme - Change menu 'sale' text to red

Solved

Refresh theme - Change menu 'sale' text to red

yoursportsperfo
Tourist
12 0 4

Hi there,

 

I needed some help changing the menu 'sale' text on my store to red

 

url: yoursportsperformance.com

 

Accepted Solution (1)

GemPages
Shopify Partner
5625 1262 1264

This is an accepted solution.

Hello @yoursportsperfo 

You can try adding code by following these steps:

1. Go to Online Store -> Theme -> Edit code https://prnt.sc/XkUYXZPnym_E

2. Open your base.css in the Assets folder.
3. Paste the below code at the end of the file https://prnt.sc/ZpLLyQPLWMUJ

 

.header a[href="/collections/sale"],
.header a[href="/collections/sale"]:hover{
    color: red;
}

 

4. Save the file and double-check.

 

Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

View solution in original post

Replies 7 (7)

PageFly-Victor
Shopify Partner
7865 1786 3121

Hi @yoursportsperfo 

 

You can try this code by following these steps:

Go to Online store => themes => actions => edit code  and add this code on file theme.liquid before tag </body>

 

PageFlyVictor_0-1675732445974.png

 

<style>

a.header__menu-item.header__menu-item.list-menu__item.link.link--text.focus-inset {

color: red;

}

</style>

 

Hope this answer helps.

Best regards,

Victor | PageFly

yoursportsperfo
Tourist
12 0 4

HI thanks it works

but when i click on sale menu 'home' menu turns red 

pls see 

GemPages
Shopify Partner
5625 1262 1264

This is an accepted solution.

Hello @yoursportsperfo 

You can try adding code by following these steps:

1. Go to Online Store -> Theme -> Edit code https://prnt.sc/XkUYXZPnym_E

2. Open your base.css in the Assets folder.
3. Paste the below code at the end of the file https://prnt.sc/ZpLLyQPLWMUJ

 

.header a[href="/collections/sale"],
.header a[href="/collections/sale"]:hover{
    color: red;
}

 

4. Save the file and double-check.

 

Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
yoursportsperfo
Tourist
12 0 4

THANKS THIS WORKS 🙂

GemPages
Shopify Partner
5625 1262 1264

I am so glad that my suggestion can help 😘.

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
EP6
Visitor
1 0 0

Hi, it doesn't seem to work for me. could you please guide me as well ?

 

https://extendedpleasure.co.uk/

GemPages
Shopify Partner
5625 1262 1264

I hope you find the answer helpful.

Kind & Best regards,
GemPages Support Team.

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center