FROM CACHE - en_header

Return management just got easier! We’ve launched Customer Self-Serve Returns to all Shopify merchants. Click here to learn more!

Change the sale text to red color in navigation bar

Solved
peggypeggyc
Tourist
5 0 1

Hi All,

I am using Impulse theme right now. How can I change the "Sale" to red color on the navigation bar?

https://www.howherownwords.com/

 

Thank you.

Accepted Solutions (3)

Accepted Solutions
PageFly-Richard
Shopify Partner
2116 380 1057

This is an accepted solution.

HI @peggypeggyc 

 

I’m Richard Nguyen from PageFly- Free Landing Page Builder

 

You can try with this code.

Follow this:

Go to Online Store->Theme->Edit code->theme.css ->paste bellow code in bottom of file

 

a#Label-collections-all-sale5 {

    color: red;

}

 

Hope that my solution works for you.

Best regards,

Richard | PageFly

If it’s helpful for you, please let me know by giving it a like or marking it as a solution!


PageFly #1 Shopify Landing Page Builder - Free to use, 24/7 Live Chat Support.


All features are available from Free plan. Let’s create unique website design with PageFly here.


Shopify Invoice Generator by PageFly – Try It Free!.

View solution in original post

PageFly-Richard
Shopify Partner
2116 380 1057

This is an accepted solution.

@peggypeggyc 

Can you try with this code:

a[href="/collections/all-sale"] {
color: red;
}

If it’s helpful for you, please let me know by giving it a like or marking it as a solution!


PageFly #1 Shopify Landing Page Builder - Free to use, 24/7 Live Chat Support.


All features are available from Free plan. Let’s create unique website design with PageFly here.


Shopify Invoice Generator by PageFly – Try It Free!.

View solution in original post

PageFly-Richard
Shopify Partner
2116 380 1057

This is an accepted solution.

please try with this code @peggypeggyc 

 

a[href="/zh/collections/all-sale"] {
color: red;
}
a#Label-zh-collections-all-sale5 {
color: red;
}

If it’s helpful for you, please let me know by giving it a like or marking it as a solution!


PageFly #1 Shopify Landing Page Builder - Free to use, 24/7 Live Chat Support.


All features are available from Free plan. Let’s create unique website design with PageFly here.


Shopify Invoice Generator by PageFly – Try It Free!.

View solution in original post

Replies 6 (6)
PageFly-Richard
Shopify Partner
2116 380 1057

This is an accepted solution.

HI @peggypeggyc 

 

I’m Richard Nguyen from PageFly- Free Landing Page Builder

 

You can try with this code.

Follow this:

Go to Online Store->Theme->Edit code->theme.css ->paste bellow code in bottom of file

 

a#Label-collections-all-sale5 {

    color: red;

}

 

Hope that my solution works for you.

Best regards,

Richard | PageFly

If it’s helpful for you, please let me know by giving it a like or marking it as a solution!


PageFly #1 Shopify Landing Page Builder - Free to use, 24/7 Live Chat Support.


All features are available from Free plan. Let’s create unique website design with PageFly here.


Shopify Invoice Generator by PageFly – Try It Free!.

peggypeggyc
Tourist
5 0 1

Hi Richard,

 

Thanks for your solution. It works in mobile version, but not for desktop version.

Do you know how to fix?

 

Thanks!

PageFly-Richard
Shopify Partner
2116 380 1057

This is an accepted solution.

@peggypeggyc 

Can you try with this code:

a[href="/collections/all-sale"] {
color: red;
}

If it’s helpful for you, please let me know by giving it a like or marking it as a solution!


PageFly #1 Shopify Landing Page Builder - Free to use, 24/7 Live Chat Support.


All features are available from Free plan. Let’s create unique website design with PageFly here.


Shopify Invoice Generator by PageFly – Try It Free!.

peggypeggyc
Tourist
5 0 1

Hi Richard,

 

The code works now for both desktop and mobile version! However, it didn't work with the Chinese translation of my page 😞

PageFly-Richard
Shopify Partner
2116 380 1057

This is an accepted solution.

please try with this code @peggypeggyc 

 

a[href="/zh/collections/all-sale"] {
color: red;
}
a#Label-zh-collections-all-sale5 {
color: red;
}

If it’s helpful for you, please let me know by giving it a like or marking it as a solution!


PageFly #1 Shopify Landing Page Builder - Free to use, 24/7 Live Chat Support.


All features are available from Free plan. Let’s create unique website design with PageFly here.


Shopify Invoice Generator by PageFly – Try It Free!.

peggypeggyc
Tourist
5 0 1

IT WORKS!!! 

 

Thank you Richard for your help! I really appreciate it 🙂