Price color - by ziga32 - on WordPress WooCommerce support

This topic has 15 replies, 3 voices, and was last updated 4 years, 3 months ago ago by ziga32

  • Avatar: ziga32
    ziga32
    Participant
    August 31, 2021 at 11:57

    How can I make price the same color as regular price
    https://i.imgur.com/T11Krqe.png

    The same on product page.
    I had this figured out but the update to v8 reseted it I guess.

    14 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 31, 2021 at 12:18

    Hello,

    Use the next custom CSS code:

    .cart ins .amount, .price ins .amount, .product-price ins .amount {
        color: var(--et_main-color);
    }

    Regards

    Avatar: ziga32
    ziga32
    Participant
    August 31, 2021 at 12:46

    thank you, your code makes everything grey
    https://i.imgur.com/S0shLdr.png

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 31, 2021 at 12:49

    Isn’t it what you are looking for? Describe the desired result in more detail.

    Regards

    Avatar: ziga32
    ziga32
    Participant
    August 31, 2021 at 12:51

    like I said, this
    https://imgur.com/T11Krqe

    Avatar: Alex
    Alex
    Participant
    August 31, 2021 at 13:02

    .woocommerce-Price-amount .amount bdi {
    color: #594495;
    }

    Avatar: ziga32
    ziga32
    Participant
    August 31, 2021 at 13:04
    Avatar: Alex
    Alex
    Participant
    August 31, 2021 at 13:08

    Delete the previous add this

    .product-details>span>del>span>bdi {
    font-size: 15px;
    font-weight: 700;
    color: #777777;
    }

    bdi {
    color: purple;
    }

    Avatar: ziga32
    ziga32
    Participant
    August 31, 2021 at 13:13

    Works great, thank you!

    Now I only need this to €23 to be #777 too
    https://i.imgur.com/R0xaDfj.png

    Avatar: Alex
    Alex
    Participant
    August 31, 2021 at 13:14

    Great!

    #price32 > div > p > del > span > bdi {;
    color: #777 !important;
    }

    Avatar: Alex
    Alex
    Participant
    August 31, 2021 at 13:15

    #price32 > div > p > del > span > bdi {
    color: #777 !important;
    }

    Avatar: Alex
    Alex
    Participant
    August 31, 2021 at 13:17

    The code below is for the colour of the line that is crossing the small price.

    .woocommerce .elementor-732 .elementor-element.elementor-element-e4e4385 .price {
    color: #777777; }

    After check all products if reflected.

    Avatar: ziga32
    ziga32
    Participant
    August 31, 2021 at 13:19

    perfect thank you.

    If we are goint into details can this line be purple too?
    https://i.imgur.com/CIHpZuu.png

    🙂

    Avatar: Alex
    Alex
    Participant
    August 31, 2021 at 13:23

    Please test if works across all site.

    .content-product .price, .content-product .products-page-brands, .content-product .products-page-brands a, .content-product .products-page-cats, .content-product .products-page-cats a {
    color: #594495 !important;
    }

    Avatar: ziga32
    ziga32
    Participant
    August 31, 2021 at 13:34

    very nice, thank you so much!

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

The issue related to '‘Price color’' has been successfully resolved, and the topic is now closed for further responses

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