Shopify themes, liquid, logos, and UX
Hi, I use prestige theme and i want to change the color of the price on the product page and collection page. I will add some pictures to make it more clear. I think i need to change something in the code.
As you can see in the pictures, when there is an compare with price, then there is no problem. But when its the price only then there appears no color.
Solved! Go to the solution
This is an accepted solution.
Hello @CorneErkamp sorry for late reply
replace the above code with this code
You can add code by following these steps
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. Paste the below code before </body> on theme.liquid
<style>
sale-price.text-subdued {
color: #00b67a !important;
}
</style>
my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
@CorneErkamp - can you please share product page link with single price? what color do you want?
Hi, https://serafido.nl/products/kelvin-gewatteerde-heren-jas
Color code: 00A767
Thank you in advance!
@CorneErkamp please add this css to the very end of your base.css file and check,
Shopify Admin -> Online Store ->Theme -> Edit code -> theme.css
.product sale-price.h4 {
color: #00A767;
}
Hi, this one doesnt work, maybe i did something wrong
Hello @CorneErkamp
You can add code by following these steps
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. Paste the below code before </body> on theme.liquid
<style>
sale-price.h4.text-subdued {
color: #00b67a !important;
}
</style>
my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Hi, it worked on my product page but not on my collection page 🙂
Do you have a code that also works on the collectio n page?
This is an accepted solution.
Hello @CorneErkamp sorry for late reply
replace the above code with this code
You can add code by following these steps
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. Paste the below code before </body> on theme.liquid
<style>
sale-price.text-subdued {
color: #00b67a !important;
}
</style>
my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Hi @CorneErkamp
You can edit theme:
.text-subdued {
font-weight: bold;
color: #00a767;
}
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024