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

Solved

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

USER999O
New Member
8 0 0

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! 🙂

 

price color.JPG

 

Accepted Solution (1)
sahilsharma9515
Shopify Partner
1266 165 244

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.

sahilsharma9515_0-1695877761379.png

  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

 

 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

- Your

 Coffee Tip 

can create magic in coding ❤️❤️

- Need a Shopify Developer? CHAT ON WHATSAPP or EMAIL ME !


- Hopefully the solution will help you. If yes then Please hit

 Like 

and

 Mark it as solution! ❤️


View solution in original post

Replies 12 (12)

sahilsharma9515
Shopify Partner
1266 165 244

Hey @USER999O 

 

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

 

Best Regards,

Sahil

- Your

 Coffee Tip 

can create magic in coding ❤️❤️

- Need a Shopify Developer? CHAT ON WHATSAPP or EMAIL ME !


- Hopefully the solution will help you. If yes then Please hit

 Like 

and

 Mark it as solution! ❤️


USER999O
New Member
8 0 0

Sure. Here it is:

 

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

 

Password: taishi

oscprofessional
Shopify Partner
16260 2431 3159

Hello @USER999O 

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

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free | OSCP Shipping Discounts App : Free

USER999O
New Member
8 0 0

Sure. Here it is:

 

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

 

Password: taishi

sahilsharma9515
Shopify Partner
1266 165 244

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

- Your

 Coffee Tip 

can create magic in coding ❤️❤️

- Need a Shopify Developer? CHAT ON WHATSAPP or EMAIL ME !


- Hopefully the solution will help you. If yes then Please hit

 Like 

and

 Mark it as solution! ❤️


USER999O
New Member
8 0 0

Thank you guys for your replies.

 

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

sahilsharma9515
Shopify Partner
1266 165 244

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.

sahilsharma9515_0-1695877761379.png

  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

 

 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

- Your

 Coffee Tip 

can create magic in coding ❤️❤️

- Need a Shopify Developer? CHAT ON WHATSAPP or EMAIL ME !


- Hopefully the solution will help you. If yes then Please hit

 Like 

and

 Mark it as solution! ❤️


USER999O
New Member
8 0 0

Solved!

 

Thank you for your support and effective advice! 🙂

sahilsharma9515
Shopify Partner
1266 165 244

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

 Coffee Tip 

can create magic in coding ❤️❤️

- Need a Shopify Developer? CHAT ON WHATSAPP or EMAIL ME !


- Hopefully the solution will help you. If yes then Please hit

 Like 

and

 Mark it as solution! ❤️


NicholasAndrew
Tourist
5 0 0

That was really helpfull. Thanks a lot!

oscprofessional
Shopify Partner
16260 2431 3159

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

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free | OSCP Shipping Discounts App : Free
USER999O
New Member
8 0 0

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