How can I change the menu text color in the Capital theme?

Store Design
1

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

1 Like
2

@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
KetanKumar_0-1636171518523.png1920×1080 326 KB

3

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!

4

This did the trick! Thank you.

5

Hi @Thehumblebee ,

If it helped you solve your issue, please mark it as a solution. Thank you and good luck.