Change background & font colours on Woo checkout page


On this page: is it possible to change the colour of the box where credit card details are added? I would like the box to be the same colour as the background of the page and the text white:


  • Sajid
    • DEV MAN’s Sidekick

    Hi Casper,
    Hope you are doing good today :slight_smile:

    Try adding following code in custom CSS section (if your theme provide) or in style.css file of your child theme or use Simple Custom CSS plugin.

    .woocommerce #payment div.payment_box, .woocommerce-page #payment div.payment_box {
        background-color: transparent !important;
    .woocommerce #payment div.payment_box:after, .woocommerce-page #payment div.payment_box:after {
        border: 0px !important;
    #theme-page select, .woocommerce select {
        color: #dcdcdc; !important;

    Take care and have a nice day :slight_smile:

    Best Regards,

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.