How to restyle the fast cart and checkout
WooCommerce Fast Cart is designed to integrate seamlessly into any theme. Details such as the fonts and colors are inherited from your theme to ensure that everything looks beautiful together.
This article provides guidance on how to change any of the styles in the fast cart.
'Keep Shopping' and 'Checkout' buttons
The 'Checkout' button in the popup cart will match the primary button color in your theme. To do this, it looks for the class: button checkout-button alt wc-forward
The 'Keep Shopping' button reverses the colors of the checkout button. Both buttons have the same outline color; the background colour of the 'Checkout' button becomes the text color of the 'Keep Shopping' button; and the text color of the 'Checkout' button' becomes the background color of the 'Keep Shopping' button.
Can I restyle the fast checkout?
The popup checkout appears within an iframe. This means that it is an exact replica of your main WooCommerce checkout page, and doesn't contain its own styling.
As a result, you can restyle the fast checkout by styling the default WooCommerce checkout. Your changes will appear on the checkout page and in the popup checkout.