All things Shopify and commerce
hello, please help me how to change price color and compare price color in impact theme, thank you,
Solved! Go to the solution
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.
This is an accepted solution.
You can try with this code:
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.
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:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
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
the impact theme is in my drafts, i tried to put it on theme.liquid but the color did not change
why i cant send link here
i already publish the impact theme, can you please check how to change the color of it, thank you
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.
thank you so much, it works,
may i know too how to interchange sale price and compare price position? thank you
This is an accepted solution.
You can try with this code:
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.
thank you
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025