REFRESH Theme how to change collection price color, but not entire scheme color?

Store Design
, , , ,
1

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! :slightly_smiling_face:

price color.JPG
price color.JPG966×267 34.9 KB

2

Hey @USER999O

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

Best Regards,

Sahil

3

Hello @USER999O

Please provide your store URL so I can review it and provide a solution.

4

Sure. Here it is:

https://7799c7-2.myshopify.com/?_ab=0&_fd=0&_sc=1

Password: taishi

5

Sure. Here it is:

https://7799c7-2.myshopify.com/?_ab=0&_fd=0&_sc=1

Password: taishi

6

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

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:

  1. Login in shopify admin.
  2. Click on the Online Store.
  3. Then click on the button next to Customize in Refresh Theme.
  4. Click Edit Code.
  5. Search Base.css in the code in left hand side.
  6. Add the code given above.

Hopefully it will help you. If yes then Please hit Like and Mark it as solution!

Best Regards

Sahil

8

Thank you guys for your replies.

However, I’ve tried both solutions from both of you, but unfortunately the price color hasn’t changed.

9

I’ve tried few solutions from this discussion, but unfortunately the price color hasn’t changed. Are there any other options?

10

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.

sahilsharma9515_0-1695877761379.png
sahilsharma9515_0-1695877761379.png463×211 6.72 KB

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.

sahilsharma9515_1-1695878017317.png
sahilsharma9515_1-1695878017317.png487×205 7.34 KB

If you are not sure where is your base.css file please follow the steps:

  1. Login in shopify admin.
  2. Click on the Online Store.
  3. Then click on the button next to Customize in Refresh Theme.
  4. Click Edit Code.
  5. Search Base.css in the code in left hand side.
  6. Add the code given above.

Hopefully it will help you. If yes then Please hit Like and Mark it as solution!

Best Regards

Sahil

11

Solved!

Thank you for your support and effective advice! :slightly_smiling_face:

12

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! :slightly_smiling_face: ‌‌

Best Regards

Sahil

13

That was really helpfull. Thanks a lot!