How can I modify the sale color in my toolbar?

Solved

How can I modify the sale color in my 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
473 162 164

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.

Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support

View solution in original post

Replies 3 (3)

Vinsinfo
Shopify Partner
473 162 164

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.

Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support
Amit27
Excursionist
16 0 2

Thanks a lot. This is working fine.

Sweet_Savior_3
Shopify Partner
1363 104 145

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 !!!