• Resolved twomixers

    (@twomixers)


    I’m currently adding a WooCommerce store to my existing website, which is built using the DiviBuilder. For some reason WooCommerce is inheriting this terrible light grey but I cannot find out from where.

    Essentially I need help either finding the right setting or finding the right CSS to override these issues. The weird grey is appearing on the following:
    -The price on the product page
    -The links for my categories and tags on the product page
    -The error messages in my checkout
    -The coupon code notice in my checkout

    I have gone through every inch of the theme customizer, every setting for every plugin, and every WP setting and I cannot find where it it getting this color. I was able to use some CSS to fix the price color but this is the only one that works so far. I’ll put the successful CSS below as well as my failed ones. TYIA!

    –SUCCESSFUL–
    .price .woocommerce-Price-currencySymbol{
    color: #595959 !important;
    }

    .woocommerce-Price-amount.amount {
    color: #595959;
    }

    –FAIL#1–
    div.woocommerce-message {
    background-color: #53007a !important;
    color: #53007a !important;
    }

    .woocommerce-error {
    background-color: #53007a !important;
    color: #000000 !important;
    }

    –FAIL#2–
    .woocommerce-error {
    background-color: #53007a;
    }

    .woocommerce-info {
    background-color: #53007a;
    }

    .woocommerce-message {
    background-color: #53007a;
    }

    body.single-product .woocommerce-message .message-inner {
    background-color: #53007a;
    }

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Hi – I’m trying to figure this out, but I’m getting a different background-color:

    #eef0f0!important;

    Thread Starter twomixers

    (@twomixers)

    Interesting. Do you know how/where these colors are determined?

    It’s coming from here:

    et-divi-customizer-global-16068455132683.min
    .woocommerce #respond input#submit,
    .woocommerce-page #respond input#submit,
    .woocommerce #content input.button,
    .woocommerce-page #content input.button,
    .woocommerce-message,
    .woocommerce-error,
    .woocommerce-info {
    background:#eef0f0!important;
    }

    Thread Starter twomixers

    (@twomixers)

    I found that as well. What do you recommend I do about this? I tried to overwrite it with CSS using the color I need (53007a) but no such luck. I have gone through Divi and Woo extensively and cannot find how to change this color.

    I’m out of my depth here, but I would check with Divi support – they must know how to overwrite that bit. Good luck!

    Thread Starter twomixers

    (@twomixers)

    Thank you for trying, I will!

    Hey @twomixers,

    It looks like you’re all set here so I’ll mark this thread as resolved now. If you have any further questions, I recommend creating a new thread.

    Best wishes,

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Changing the color of the error messages’ is closed to new replies.