Want To Change Discount Price Color In Collection

[Abdallahsherif]

hi,

i Want To Change Discount Price Color In Collection

primary price and secondary price

my store https://ashjar.co/

[infoatcodelab7]

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 !

[Abdallahsherif]

but i want to change both price color

before and after sale

[infoatcodelab7]

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

[Abdallahsherif]

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

[infoatcodelab7]

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

[Abdallahsherif]

thanks

[Abdallahsherif]

Why This problem ?