Skip to main content
All CollectionsIntegrationsWooCommerce
WooCommerce default checkout template with Montonio checkout without background
WooCommerce default checkout template with Montonio checkout without background
Darja avatar
Written by Darja
Updated this week

If you want Montonio payment options in your store checkout without any colour, you have to add CSS. WooCommerce has an Additional CSS field in the site editor, the code should be “placed” there. It works for WooCommerce's included default checkout template, but custom templates may need adjustments.

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
background: none;
}

#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods {
border-bottom: none;
}

#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
background: none;
}

#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
display: none;
}


If you have additional questions and need our help, feel free to contact our support team via the chat in the bottom right corner.

Did this answer your question?