how to align discounted price in product page (venture theme / desktop view)

[JLbyone]

Hi guys, i found some issue to fix in my desktop view, at mobile view its perfect, so i just want to align that sale price in a desktop view.

i show you some edit to make you sure what i mean

and i was changing the color of the reduction price, but it is showed fine at product page, but in featured collections its showed like before, with the same color of normal price, i show you

Thanks everyone, appreciate every help i got from this forum!!

[JHKCreate]

Hi @JLbyone ,

Can you share your website's Link again please? Thanks!

[JLbyone]

---

@JHKCreate wrote:

Hi @JLbyone ,

Can you share your website's Link again please? Thanks!

---

you have pm @JHKCreate 

appreciate that! thanks so much

[JHKCreate · Accepted solution]

Add The Following Code:

.product-card__price {
    color: #bb1e31;
}

li#ProductSaleTag-product-template {
    padding-right: 0px!important;
    margin-left: -5px;
}

That should take care of both! 

[JLbyone]

---

@JHKCreate wrote:

Add The Following Code:

.product-card__price {
    color: #bb1e31;
}

li#ProductSaleTag-product-template {
    padding-right: 0px!important;
    margin-left: -5px;
}

That should take care of both! 

---

Thanks for the quickly answer @JHKCreate , with the align its perfect! but with the color, now every product got the red color, and i just want the sale price, you can see on my preview view url

[JLbyone]

for the sale price color, i followed this post, and it run fine!

https://community.shopify.com/c/Shopify-Design/Change-menu-text-color-hover-color-in-Venture-theme/m...

thanks!

[JHKCreate]

Great!

[JLbyone]

---

@JHKCreate wrote:

Great!

---

@JHKCreate I have followed the previously published post, and it seems that we all have the same problem, could you help us?
The problem is that now, all the products have a red color price on the product page, with and without discounts, in all other views it is correct

thank you so much

[JHKCreate]

This will always be a problem as this price field is the same everywhere. 

What you need to do is create a different CSS Class that only shows when the price is discounted. It would require some custom coding here though.