Solved

What's the process for adjusting menu text color in a Shopify Capital theme?

Thehumblebee
Tourist
7 0 2

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

Accepted Solution (1)
LitCommerce
Astronaut
2860 684 732

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.

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!

View solution in original post

Replies 4 (4)

KetanKumar
Shopify Partner
36839 3635 11972

@Thehumblebee 

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

KetanKumar_0-1636171518523.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Thehumblebee
Tourist
7 0 2

This did the trick! Thank you.

LitCommerce
Astronaut
2860 684 732

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.

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!

LitCommerce
Astronaut
2860 684 732

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!

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!