Hello, I am looking to change the compare to price to red on my shopify store. I have tried looking at other solutions but I think because our store codes are different, they don’t work for me. I am using the venture theme.

Great – thanks for the Update @gadjetsgalore ! Could you mark the post as the solution? Thank you! Mario

@gadjetsgalore - if you don’t share your URL, we can only go by a vanilla Venture implementation. You can add the following CSS code - f.ex. to the end of your /assets/theme.(s)css(.liquid)-file: /* product details */ .product-single__price--compare.product-single__price--compare { color: #f00; }…

https://www.sportsoutletexpress.com/ is my url I copied and pasted the code at the bottom of my /assets/theme.(s)css(.liquid)-file:, and clicked preview and the compare to price was still gray. Please let me know if I can provide anything else you need to know.

@gadjetsgalore – did you save the file? I checked the built css-source file at https://cdn.shopify.com/s/files/1/1363/4521/t/14/assets/theme.scss.css?v=2490729944409828148 and it does not contain the code above: [Screenshot 2021-09-14 at 13.02.56.jpg] Mario

Hi Mario, I revisited the code today and it works. Thank you very much for your detailed explanation!

Hi Mario if I want to switch the red to the current price and leave the compare to price gray, what do I have to change in my code? /* product details */ .product-single__price–compare.product-single__price–compare { color: #f00; } /* card */ .product-card__regular-price.product-card__regular…

@gadjetsgalore – there you go … /* product details */ .product-single__price--compare.product-single__price--compare { color: #666; } .product-single__price.product-single__price { color: #f00; } /* card */ .product-card__regular-price.product-card__regular-price { color: #666; } .product-ca…

Thank you Mario! This code worked great. What do I need to change in the code for the price to be gray?

How can I change the compare to price color on Venture theme?

Store Design

gadjetsgalore September 17, 2021, 5:21pm 7

Accepted as solution! Worked great for me

Topic		Replies	Views
How can I change the color of 'Compare at Price'? Store Design	7	78	July 28, 2021
How can I change color settings for price comparison? Store Design shopify-themes	2	35	December 24, 2022
How to change the compare at price color on debut theme? Store Design	5	37	October 4, 2021
Change color of price compared on product page and home page Store Design	2	37	April 27, 2022
How can I modify the compare price color on Prestige theme? Store Design	5	65	September 28, 2021

How can I change the compare to price color on Venture theme?

Related topics