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

Solved
JLbyone
Explorer
190 19 41

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

 

saleprecioleftside.jpg

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

colorpreciorebajado.jpgThanks everyone, appreciate every help i got from this forum!!

 

 

0 Likes
JHKCreate
Shopify Partner
2052 334 448

Hi @JLbyone ,

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

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
0 Likes
JLbyone
Explorer
190 19 41

@JHKCreate wrote:

Hi @JLbyone ,

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


you have pm @JHKCreate 

appreciate that! thanks so much

0 Likes
JHKCreate
Shopify Partner
2052 334 448

This is an 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! 

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
JLbyone
Explorer
190 19 41

@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

0 Likes
JLbyone
Explorer
190 19 41

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!

0 Likes
JHKCreate
Shopify Partner
2052 334 448

Great!

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
0 Likes
JLbyone
Explorer
190 19 41

@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

0 Likes
JHKCreate
Shopify Partner
2052 334 448

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. 

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
0 Likes