Want To Change Discount Price Color In Collection

hi,

i Want To Change Discount Price Color In Collection

primary price and secondary price

my store https://ashjar.co/

Hello @Abdallahsherif

To change discount price color in collection follow this steps :

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > collection-product.css and paste this at the bottom of the file:
.t4s-main-collection-page .t4s-product-price del{
  color: #000;
}

Hope this works well.

best Regards !

but i want to change both price color

before and after sale

Hello @Abdallahsherif

then apply this at same place and remove previous css

.t4s-main-collection-page .t4s-product-price del,
.t4s-main-collection-page .t4s-product-price ins{
  color: #000;
}

it not work with all products and i need both price with different colors

@Abdallahsherif

Paste this css instead of previous at same place

.t4s-product-price span:first-child{
  color: #ddd;
}
.t4s-product-price span:last-child{
  color: #000;
}
.t4s-product-price del,
.t4s-product-price del span{
  color: #ddd !important;
}
.t4s-product-price ins span{
  color: #c3c !important;
}
1 Like

thanks

Why This problem ?