Hi there,
I needed some help changing the menu ‘sale’ text on my store to red
Topic summary
A user requested help changing their store’s ‘sale’ menu text to red color. Two support teams (PageFly-Victor and GemPages) provided CSS solutions:
Initial Solutions:
- PageFly-Victor suggested adding CSS code to theme.liquid before the tag
- GemPages recommended inserting code into base.css in the Assets folder
Issue & Resolution:
The original poster reported that while the code worked, it caused an unintended side effect: the ‘home’ menu also turned red when clicking on ‘sale’. GemPages provided an updated CSS solution that successfully resolved this problem.
Current Status:
The issue was resolved for the original poster. However, a new user (EP6) has reported the solution doesn’t work for their store and is requesting assistance. The discussion remains open with this unanswered request.
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
Hope this answer helps.
Best regards,
Victor | PageFly
Hello @yoursportsperfo
You can try adding code by following these steps:
-
Go to Online Store → Theme → Edit code https://prnt.sc/XkUYXZPnym_E
-
Open your base.css in the Assets folder.
-
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;
}
- Save the file and double-check.
Best regards,
GemPages Support Team
1 Like
HI thanks it works
but when i click on sale menu ‘home’ menu turns red
pls see
I hope you find the answer helpful.
Kind & Best regards,
GemPages Support Team.
THANKS THIS WORKS 
I am so glad that my suggestion can help 
.
Hi, it doesn’t seem to work for me. could you please guide me as well ?