Solved

Need to change SALE color in toolbar

Amit27
Excursionist
16 0 2

Hi, I want to change sale color red in toolbar. When I load my site, at first instance it show red but again change to black.

 

Here is store url

www.thealbelistudio.com

Accepted Solution (1)

Vinsinfo
Shopify Partner
181 61 55

This is an accepted solution.

@Amit27 Please follow below steps to display the "SALE" in red color and let me know whether it is helpful for you.

 
1. From admin, go to "Online Store" -> "Themes".
2. Click action button from the current theme and select "Edit code".

3. Search "base.css" file and find the code .menu-toolbar a[href="/collections/flat-30"].

4. Add "!important" to the color value like below.

 

color: #ff0000 !important;

 

priyavinsinfo_1-1710258165663.png

5. Now, it will display in red color. 

priyavinsinfo_0-1710258033717.png

 

Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.

View solution in original post

Replies 3 (3)

Vinsinfo
Shopify Partner
181 61 55

This is an accepted solution.

@Amit27 Please follow below steps to display the "SALE" in red color and let me know whether it is helpful for you.

 
1. From admin, go to "Online Store" -> "Themes".
2. Click action button from the current theme and select "Edit code".

3. Search "base.css" file and find the code .menu-toolbar a[href="/collections/flat-30"].

4. Add "!important" to the color value like below.

 

color: #ff0000 !important;

 

priyavinsinfo_1-1710258165663.png

5. Now, it will display in red color. 

priyavinsinfo_0-1710258033717.png

 

Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.

Amit27
Excursionist
16 0 2

Thanks a lot. This is working fine.

Sweet_Savior_3
Shopify Partner
1054 86 94

Hello @Amit27 

 

Welcome to Shopify Community.

 

Please paste the css in base.css file.

.menu-toolbar a[href="/collections/flat-30"] {
color: red !important;
}

 

Thanks

Don't forget to like and accept the solution to help others store owners.
Looking for an expert or Have any queries ? Send query to the Inbox
Coffee Tip ? Pay to shopify.dev.34@gmail.com
From Less To Further !!!