Solved

How To Change Price Color & Compare Price in Impact Theme

sebfe
Excursionist
40 0 2

hello, please help me how to change price color and compare price color in impact theme, thank you,

Accepted Solutions (2)

PageFly-Henry
Astronaut
957 272 215

This is an accepted solution.

Hi @sebfe 

This is Henry from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.css

Step 3: Paste the below code at bottom of the file -> Save


compare-at-price {

    color: red !important;

}

sale-price {

    color: black !important;

}

 

Hope that my solution works for you.

Best regards,

Henry | 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-Henry
Astronaut
957 272 215

This is an accepted solution.

You can try with this code:

price-list.price-list.price-list--lg {
display: flex !important;

flex-direction: row-reverse !important;

}

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 10 (10)

Moeed
Shopify Partner
3693 931 1163

Hey @sebfe 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.sc-fkJVfC.gmaILq.pf-23_ {
    color: red !important;
}
.sc-fkJVfC.gmaILq.pf-24_ {
    color: gray !important;
}
</style>

RESULT:

Moeed_0-1709558613065.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
sebfe
Excursionist
40 0 2

hello, the impact theme is in my drafts file, i tried to put it in theme.liquid but the color did not change,,

 

https://touchcare.shop/products 

sebfe
Excursionist
40 0 2

the impact theme is in my drafts, i tried to put it on theme.liquid but the color did not change

sebfe
Excursionist
40 0 2

why i cant send link here

sebfe
Excursionist
40 0 2

i already publish the impact theme, can you please check how to change the color of it, thank you

 

PageFly-Henry
Astronaut
957 272 215

This is an accepted solution.

Hi @sebfe 

This is Henry from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.css

Step 3: Paste the below code at bottom of the file -> Save


compare-at-price {

    color: red !important;

}

sale-price {

    color: black !important;

}

 

Hope that my solution works for you.

Best regards,

Henry | 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.

sebfe
Excursionist
40 0 2

thank you so much, it works,

sebfe
Excursionist
40 0 2

may i know too how to interchange sale price and compare price position? thank you

PageFly-Henry
Astronaut
957 272 215

This is an accepted solution.

You can try with this code:

price-list.price-list.price-list--lg {
display: flex !important;

flex-direction: row-reverse !important;

}

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.

sebfe
Excursionist
40 0 2

thank you