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

[howlythk]

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?

Thank you !

Best regards,

Pammy 

[Liquid_xPert_SJ · Accepted solution]

@howlythk 

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

thanks

[howlythk]

https://www.howherownwords.com/

[Liquid_xPert_SJ]

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

[howlythk]

Hi,

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

[Liquid_xPert_SJ]

@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;
}

[howlythk]

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

[Liquid_xPert_SJ]

yes plz

[Liquid_xPert_SJ]

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

[howlythk]

not work

[Liquid_xPert_SJ]

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

Please add the one i shared above.

[expressindiaa]

Add this line

.site-nav li details#site-nav-item--6 summary { color:red !important; }

[howlythk]

Added but doesn't work

[howlythk]

not work

[Liquid_xPert_SJ]

@howlythk 

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

[howlythk]

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]

Added but doesn't work

[Liquid_xPert_SJ]

Can I do it for you?

[ZestardTech]

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;
}

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

[howlythk]

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

[expressindiaa]

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

[expressindiaa]

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

2. go to custom css and past that code. 

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

It will work 

[howlythk]

added but not work