Change color on on-sale price on theme Venture

[entranced]

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

 

Thanks!

[iDoThemes]

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.

[entranced]

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

[dmwwebartisan]

@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!

[entranced]

Thanks a lot!

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