Return to previous page

Single Product Page change color and size of the original and On sale price

This topic has 4 replies, 2 voices, and was last updated 8 months ago ago by Rose Tyler

creativesite

Participant

August 30, 2023 at 11:21

On Single Product Page I would like to change the color and size of the original and “On sale” price.

To change the 7690 to grey and smaller in size >>only when there is an On-sale price<< and the price of 7247 to 500px weight. Thank you 🙂 Barbara

Please, contact administrator
for this information.

#366113 Copied Theme version: 9.1.13 WooCommerce version: 8.0.3

3 Answers
Rose Tyler

Support staff

August 30, 2023 at 14:00
Hello, Creativesite,

Thank you for choosing XStore as your WooCommerce WordPress theme.

Additionally to this code https://www.8theme.com/topic/price-color-and-size-on-last-viewed-products-section/#post-366131 , please use:
```
.single-product .et_product-block > .price del {
    color: gray;
    font-size: 17px;
}
```
Kind Regards,
8theme team
#366133 Copied
creativesite

Participant

August 31, 2023 at 14:10

Thank you! 🙂

And is it possible to make the original price font-size 20px when there is no On-sale price?

Huge thanks in advance!

Please contact administrator
for this information.

#366260 Copied
Rose Tyler

Support staff

August 31, 2023 at 14:27
Hello, Creativesite,

We appreciate your prompt response.

Please change this code:
https://prnt.sc/xkUQ7A6jSMpD
to:
```
.single-product .et_product-block > .price bdi {
    font-size: 20px;
}
.single-product .et_product-block > .price del bdi {
    color: gray;
    font-size: 17px;
}
```
Kind Regards,
8theme team
#366261 Copied
Tagged: best selling themes, change product color, change product size, on sale price, original price, single-product page, woocommerce themes
Viewing 4 results - 1 through 4 (of 4 total)