Change color in Woocommerce checkout box

  • Resolved Moemors

    (@moemors)


    2 years, 10 months ago

    Hello!
    Im running into a problem which i havent found a simple solution yet. It looks like i need some code to edit to solve that problem.
    I just would like to change the background color of the boxes on the checkout page. Under “Product” and “Subtotal” i want to change it to the color with the code #111111

    And the other box that i would like to have the same background color is the box below, the Paypal box.

    Maybe someone with experience could help me with that? Any help is highly appreciated. Thanks in advance

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

Viewing 7 replies - 1 through 7 (of 7 total)

  • Hello @moemors,

    Are you referring to the Product, Subtotal, and Paypal elements as marked on this image? ?? https://snipboard.io/rPJoV5.jpg

    If so, then to change the background color of those elements to #111111, please add the following CSS code to your site’s “Appearance ?? Customize ?? Additional CSS” area.

    .woocommerce-checkout-review-order-table thead tr ,
    .woocommerce-checkout #payment ul.payment_methods li {
    background-color: #111111;
    }

    Cheers!

    Thread Starter Moemors

    (@moemors)

    Hello Mashi,
    thank you so much for your help! I put the code in there. It worked for the lower box, its black now. Do you also know how i could change the uper box?
    Thanks again in advance ??

    Hi @moemors

    Glad we could be of help.

    how i could change the uper box?

    Just to confirm – are you referring to the box that says "Listen" EP × 1 CHF 9.90 or the larger one on the top left that says made with Mailchimp?

    We’ll look forward to hearing from you.

    Thread Starter Moemors

    (@moemors)

    Hello Margaret,
    yes thats the box that i mean on the right side. The mailchimp box i think i can make darker in the mailchimp application. But the box you said, i cant find the option. I also need a code for that…
    Thank you everbody ??

    Plugin Support Paulo P – a11n

    (@paulostp)

    Hello,

    Thanks for writing back!

    The CSS code for that section would be this one:

    
.woocommerce #order_review table.shop_table tbody td {
  background-color: #111111;
}

    Hope this helps!

    Thread Starter Moemors

    (@moemors)

    Wow, thanks all of you, its fine now…

    You’re welcome!

    I’m going to mark this thread as resolved.

    Feel free to create another thread if you have any other questions.

    Cheers

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Change color in Woocommerce checkout box’ is closed to new replies.