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!
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024