How do I change the color of the 'compare at price' on my site?

Store Design
, ,
1

Greetings all,

I am trying to change the color of the ‘compare at price’ on my companies site and I am having trouble figuring it out. Any assistance or help pointing me in the right direction would be appreciated

2

Can you share a link to your store?

3

https://www.bestkeysupply.com/

4

Copy/paste the following code into your theme’s css file

/* change compare at price color on collection page */

.grid-item.on-sale .product-item–price s {
color: blue;
}

/* change compare at price color on product page */

.inline-list.product-meta s {
color: blue;
}

Change “blue” to color of your choice

5

Hi @bksdesign .

I’m Richard Nguyen from PageFly- Free Landing Page Builder

You can go to Online store => themes => actions => edit code and add this code on file base.css

/* change compare at price color on product */
#productPrice-product-template s {
color: red !important; /*choose the color you want*/
}

/* change compare at price color on collectiont */
.grid-item.on-sale .product-item--price s, .inline-list.product-meta s{
color: red !important; /*choose the color you want*/
}

Hope this answer helps.

Best regards,

Richard | PageFly