Styling with custom CSS

You can override the CSS of the checkout with your own styles, allowing you to modify its appearance—colors, fonts, and even the layout. This is a more advanced feature for those familiar with web development.

However, use this feature cautiously, as the checkout displays in various configurations, often unseen in preview mode. Thoroughly test any changes made this way.

1. Go to Checkout → Style
2. Modify the Custom CSS field in the Advanced section

In this field, enter the CSS rules you want to override, for example:

.c-product, .c-product__desc, .c-product__interval, .c-product__base-value, .c-heading-4 { color: #FFF; }