Shopify themes, liquid, logos, and UX
I've been scrolling through the forums trying to find an answer to my question but I've not been able to find a solution that has worked for my theme. I'm using "Capital" Theme. In my main menu, under 'Shop', the submenu item "SALE" shows up red and I would like to use a specific hex code for the color. I did inspect the element and found that:
.navigation-list .isSale > a, .navigation-list .isSale > button {
color:var(--sale-color)
located in my theme-index-min.css but I can't find where the var(--sale-color) is located. Any help would be greatly appreciated.
website: www.thehumblebeeandco.com
Solved! Go to the solution
This is an accepted solution.
Hi @Thehumblebee,
If it helped you solve your issue, please mark it as a solution. Thank you and good luck.
sorry for that issue can you try this code
1. Go to Online Store->Theme->Edit code
2. Asset->/theme-index.min.css ->paste below code at the bottom of the file.
a[href="/collections/sale-1"] {
color: #ff0000; /* change color as you like */
}
After code view
This did the trick! Thank you.
This is an accepted solution.
Hi @Thehumblebee,
If it helped you solve your issue, please mark it as a solution. Thank you and good luck.
Hi @Thehumblebee,
Please follow these steps:
- Step 1: Go to Online store > Themes > Actions > Edit code.
- Step 2: Go to Assets > theme-index.min.css and paste this at the bottom of the file:
.navigation-list [href="/collections/sale-1"] {
color: var(--sale-color) !important;
}
Hope it helps!
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024