Shopify themes, liquid, logos, and UX
Hello, everyone!
I want to change the collection price color for entire store. So far that can only be done by changing color scheme on Refresh theme, but that changes title text color as well. I want to have title text color as it is, but change ONLY the price color. Please see image.
Thanks for your support! 🙂
Solved! Go to the solution
This is an accepted solution.
Hi @USER999O I have looked into your code. You just need to add this code
.price__container span.price-item.price-item--sale.price-item--last
{
color: red;
}
at the bottom of base.css file. don't add this code inside a css container or property.
Here is the screen shot that why the code that I have provided is not working at your end, As you have added the code inside a span.
The another way to solve this issue is, if you have found this in your theme then inside this just add this code
color: red;
Here is the screen shot what it looks like after you add the above code.
If you are not sure where is your base.css file please follow the steps:
Hopefully it will help you. If yes then Please hit Like and Mark it as solution!
Best Regards
Sahil
- Your
Hey @USER999O
Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!
Best Regards,
Sahil
- Your
Hello @USER999O
Please provide your store URL so I can review it and provide a solution.
Hi @USER999O Thanks for providing the URL; Please add this code in base.css file.
.price__container span.price-item.price-item--sale.price-item--last
{
color: red;
}
If you are not sure where is your base.css file please follow the steps:
Hopefully it will help you. If yes then Please hit Like and Mark it as solution!
Best Regards
Sahil
- Your
Thank you guys for your replies.
However, I've tried both solutions from both of you, but unfortunately the price color hasn't changed.
This is an accepted solution.
Hi @USER999O I have looked into your code. You just need to add this code
.price__container span.price-item.price-item--sale.price-item--last
{
color: red;
}
at the bottom of base.css file. don't add this code inside a css container or property.
Here is the screen shot that why the code that I have provided is not working at your end, As you have added the code inside a span.
The another way to solve this issue is, if you have found this in your theme then inside this just add this code
color: red;
Here is the screen shot what it looks like after you add the above code.
If you are not sure where is your base.css file please follow the steps:
Hopefully it will help you. If yes then Please hit Like and Mark it as solution!
Best Regards
Sahil
- Your
Solved!
Thank you for your support and effective advice! 🙂
Hi @USER999O
I am delighted to hear that the solution worked for you. If you need any help, please feel free to ask the same or you can reach out to me as well. If you find this answer helpful to you, then a like will be highly appreciated!🙂
Best Regards
Sahil
- Your
That was really helpfull. Thanks a lot!
Hello @USER999O
You can try this code: it will be helpful to you
Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.
.card-information>.price {
color: red !important;
}
I've tried few solutions from this discussion, but unfortunately the price color hasn't changed. Are there any other options?
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