Checkout Summary Background color (Renew)

[kewecom]

Hey,

i just want to adjust the background color of the product and price summary at the end of the checkout. I attached a screenshot, showing the summary table with a grey background. Do you know the CSS file, that contains styling of this table?

Thanks!
Steven

[Prasant]

Hello Steven,

Thanks for asking.

You can add following CSS under X > Theme Options > CSS to change background color of checkout summary section:

.woocommerce-checkout .shop_table {
    background-color: #fff !important;
}

Feel free to change #fff to whatever color code you like.

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.