Change color on on-sale price on theme Venture

entranced
Excursionist
26 0 4

Hi all,

How do I change the color of the on-sale price to red on products that are on-sale? All other prices must have the standard color. I would also like to remove the on-sale tag. I have tested various solutions posted here on the forum but none work completely correctly for my site. Im using the Venture theme.

My url: wixter.se

 

duh.jpg 

Thanks!

iDoThemes
Trailblazer
136 29 51

Add this to your CSS file:

 

/* Red sale tag product page */
#ProductPrice-product-template.product-single__price {
    color: red;
}
/* Red sale tag product card */
.product-card__price:last-child {
    color: red;
}


/* Hide sale tag product page */
#ProductSaleTag-product-template {
  display: none
}

/* Hide sale tag product card */
.product-tag.product-tag--absolute {
    display: none;
}

 

Note that this will probably hide all product tags/badges if you are using them elsewhere.

Developer of Liquify Chrome Extension -- Enhance the Shopify Theme Code Editor

Theme Developer -- Drop me a line
0 Likes
dmwwebartisan
Shopify Partner
9241 2137 2911

@entranced 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

.template-product span#ProductPrice-product-template {
    color: red;
}
.template-product li#ProductSaleTag-product-template {
    display: none;
}

.product-tag.product-tag--absolute {
    display: none;
}

Hope this works.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
entranced
Excursionist
26 0 4

Thanks a lot!

It works halfway but now the color is red even on products that are not on-sale.

Screenshot_1.jpg

0 Likes
entranced
Excursionist
26 0 4

Thanks for your answer. Im not really sure how to edit the css as I work with theme.scss.liquid.

0 Likes