1. WooCommerce Fast Cart
  2. Advanced Usage

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.

Related Articles

If searching the knowledge base hasn't answered your question, please contact support.