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 1 years, 1 months ago ago by Rose Tyler

  • Avatar: Barbara
    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.
    3 Answers
    Avatar: Rose Tyler
    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

    Avatar: Barbara
    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.
    Avatar: Rose Tyler
    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

  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.