• Resolved jobyreuben

    (@jobyreuben)


    Hello there

    I’m having trouble with colors in the payment section of the Checkout page. I want to change the background color of the payment choose box to black and the Payment Description to white and provide me the CSS code for the titles too. Thanks in advance. Here is the Screenshot of the payment section Screenshot

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Stuart Duff – a11n

    (@stuartduff)

    Automattic Happiness Engineer

    Hey @jobyreuben,

    This CSS below will work for you after testing on your checkout page.

    
    .woocommerce-checkout-review-order-table .product-name,
    .woocommerce-checkout-review-order-table .product-total {
      background-color: #000 !important;
      color: #fff !important
    }
    
    .wc_payment_methods label {
      background-color: #000 !important
    }
    
    .payment_box {
      background-color: #000 !important;
      color: #fff !important
    }
    

    Image Link: https://cloudup.com/c-rMWprrrMq

    For future reference to achieve these types of customizations we recommend using Google Chrome Developer Tools. You can right-click anywhere on your webpage to select ‘Inspect Element’, the HTML and CSS properties show up right in your browser.

    I hope this helps.

    Thread Starter jobyreuben

    (@jobyreuben)

    Thanks for the solution and Thank you so much for the additional tip Now I can able to change any CSS in no time! Thank you so much

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Payment Colors in checkout need to change’ is closed to new replies.