woocommerce checkout page payment method background color

  • Resolved chingchingching

    (@chingchingching)


    3 years, 2 months ago

    hi, can anyone kindly help me with changing the payment method background color to white? It’s now black and i use the code below, but it only changes the newebpay part:

    .wc_payment_method label, .woocommerce-PaymentMethod label {
    background-color: #fff !important
    }

    here is the image

    thank you!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support abwaita a11n

    (@abwaita)

    Hi @chingchingching,

    Kindly share with us the site’s URL for further checks.

    Thanks.

    Thread Starter chingchingching

    (@chingchingching)

    Hi anwaita, the url is https://manana-banana.com/checkout/
    When you click checkout to proceed to place the order, you will see the payment method is partly black, and I would like it to be completely white, thank you!

    Plugin Support abwaita a11n

    (@abwaita)

    Hi @chingchingching,

    Apologies for the delay.

    Kindly try adding the following CSS to your Customizer → Additional CSS box, the second one is optional:

    /* Changes the whole payment section background to white */

    .woocommerce #payment ul.payment_methods li, .woocommerce-page #payment ul.payment_methods li {
    list-style-type: none;
    background-color: white !important;
}

/* Optional - changes payment method background to black for visibility */
.woocommerce #payment div.payment_box, .woocommerce-page #payment div.payment_box {
    background-color: black !important;
    color: white !important;
}

    Let us know how it goes.
    Thanks.

    Hi @chingchingching

    We’ve not heard back from you in a while, so I’m marking this thread as resolved. Hopefully, the above code was helpful! If you have further questions, please feel free to open a new topic.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘woocommerce checkout page payment method background color’ is closed to new replies.