Shopify themes, liquid, logos, and UX
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
hi, i'd like to change the color of the word 'sale' on the main menu to red. any code for that? thanks.
Solved! Go to the solution
This is an accepted solution.
Hey @מלבושים
Keep the previous code and add this new code above </style> in the end of theme.liquid file.
a#HeaderDrawer-sale {
color: red !important;
}
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hey @מלבושים
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
a#HeaderMenu-sale {
color: red !important;
}
</style>
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
thanks, it did work on desktop but not on mobile
This is an accepted solution.
Hey @מלבושים
Keep the previous code and add this new code above </style> in the end of theme.liquid file.
a#HeaderDrawer-sale {
color: red !important;
}
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
thanks!
Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.
Hello @מלבושים
1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > theme.css and paste this at the bottom of the file:
.list-menu.list-menu--inline [href="/collections/sale-1"] {
color: red;
}
Hello,
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>
#HeaderMenu-sale span {
color: red !important;
}
Thanks!