Solved

Changing Just the word "Sale" in navigation header to be color red on Impulse theme

howlythk
Shopify Partner
12 0 2

Hi All,

I am currently using the Impulse theme. How can I change the color of "Sale" to red on the navigation bar and ensure it works with both the English and Chinese translations of my page?

 

howlythk_0-1716370965650.png

 

 

Thank you !

 

Best regards,

Pammy 

Accepted Solution (1)

Liqiud_xPert_SJ
Shopify Partner
978 117 151

This is an accepted solution.

@howlythk 

 

can you please share the store url so that i can give you an exact code and instructions.

 

thanks

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂

View solution in original post

Replies 22 (22)

Liqiud_xPert_SJ
Shopify Partner
978 117 151

This is an accepted solution.

@howlythk 

 

can you please share the store url so that i can give you an exact code and instructions.

 

thanks

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
howlythk
Shopify Partner
12 0 2
Liqiud_xPert_SJ
Shopify Partner
978 117 151

@howlythk 

 

Please add below JS code into your theme .liquid file before the </body>

 

Online Store > Edit Code > Theme Files > Layout folder > theme.liquid file

 

<script>
$(document).ready(function(e) {
	$('.site-nav__item .site-nav__link:contains(Sale)').css('color','#d00');\    
});
</script>
- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
howlythk
Shopify Partner
12 0 2

Hi,

Thanks for your solution. but it didn't work😑

 

 

Liqiud_xPert_SJ
Shopify Partner
978 117 151

@howlythk 

In your Shopify Admin go to online store > themes > actions > edit code
Find Asset > base.css and paste this at the bottom of the file:

 

.site-nav__item [data-link="/collections/all-sale/Red"] {
color: red;
}

 

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
howlythk
Shopify Partner
12 0 2

I can't find the base.css file. Can I paste the code in theme.css.liquid instead?

Liqiud_xPert_SJ
Shopify Partner
978 117 151

yes plz

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
Liqiud_xPert_SJ
Shopify Partner
978 117 151

@howlythk  is that fixed or not? if not i can fix that for you 🙂

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
howlythk
Shopify Partner
12 0 2

howlythk_0-1716379397301.png

not work

 

 

Liqiud_xPert_SJ
Shopify Partner
978 117 151
.site-nav__item [data-link="/collections/all-sale/Red"] {
color: red !important;
}

Please add the one i shared above.

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
expressindiaa
Shopify Partner
7 0 0
Add this line

.site-nav li details#site-nav-item--6 summary { color:red !important; }
howlythk
Shopify Partner
12 0 2

howlythk_2-1716382453685.png

 

Added but doesn't work

howlythk
Shopify Partner
12 0 2

not work

howlythk_0-1716380167805.png

 

Liqiud_xPert_SJ
Shopify Partner
978 117 151

@howlythk 

can you share collaborator access with me i would love to do that for you.

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
howlythk
Shopify Partner
12 0 2

I apologize, but I am unable to grant you collaborator access. Thank you very much for your assistance. Do you have any other suggestions or alternative methods to fix this issue?🙏

howlythk
Shopify Partner
12 0 2

 

howlythk_1-1716383219695.png

Added but doesn't work

Liqiud_xPert_SJ
Shopify Partner
978 117 151

Can I do it for you?

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂

ZestardTech
Shopify Expert
5601 1019 1346

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

[data-link="/collections/all-sale/Red"] {
color: red;
}



ZestardTech_1-1716372064657.png

 

 

[data-link="/zh/collections/all-sale/Red"] {
color: red;
}

 

ZestardTech_0-1716372030231.png

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
howlythk
Shopify Partner
12 0 2

I can't find the base.css file. Can I paste the code in theme.css.liquid instead?

expressindiaa
Shopify Partner
7 0 0

Hi Please add theme.liquid below line 
#site-nav-item--6{ color:red }

expressindiaa
Shopify Partner
7 0 0

Please click on Customise button and follow the steps 
1. Click on header
 1.png

 

 

 

2. go to custom css and past that code. 

 

expressindiaa_1-1716377508636.png

 




3. #site-nav-item--6{ color:red }

It will work 

howlythk
Shopify Partner
12 0 2

howlythk_1-1716380965675.png

added but not work