Product Carousel Sale Price Color Edit

[greggc]

We have a product carousel on our storefront showing 5 closeout products. The regular price has a strike-thru which works. However, I want to change the sale price color to red. I have fooled around in the css and I can get the sale price to red but any other product carousels on the storefront (3 in all) the regular price also shows red. Can anybody point me in the right direction? You can see it here https://horseandkennel.com

[Nick]

greggc Unfortunately, the sale price is not controlled by a CSS variable therefore you would need to duplicate the component and update to achieve that feature.

However, the price that has the strike through is controlled by a CSS variable and it is possible to update that color without duplicating the component.

If you activate the mmx-customizations CSS resource within the branch you can add something like this:

:root {
     --mmx-product-additional-price-color: #FF0000;
}

Adding the above to the mmx-customizations CSS resource (and making sure the resource is activated) will change the color of the strike through price to red.

[greggc]

Thanks Nick. However, I activated the mmx-customizations CSS resource and added


:root {
--mmx-product-additional-price-color: #FF0000;
}

No change.

[Nick]

greggc You may need to clear your cache because I am seeing the update on my end:

horse.JPG

[greggc]

Yeah, sorry about that. After I replied I went ahead and adjusted the css in the mmx-text resource to see how it would look.