Solved

Change the sale text to red color in navigation bar

peggypeggyc
Tourist
5 0 2

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)

PageFly-Richard
Shopify Partner
4070 911 1563

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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

PageFly-Richard
Shopify Partner
4070 911 1563

This is an accepted solution.

@peggypeggyc 

Can you try with this code:

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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

PageFly-Richard
Shopify Partner
4070 911 1563

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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 6 (6)

PageFly-Richard
Shopify Partner
4070 911 1563

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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

peggypeggyc
Tourist
5 0 2

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
4070 911 1563

This is an accepted solution.

@peggypeggyc 

Can you try with this code:

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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

peggypeggyc
Tourist
5 0 2

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
4070 911 1563

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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

peggypeggyc
Tourist
5 0 2

IT WORKS!!! 

 

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