Customize the appearance of the checkout by editing the colors.

Customize the colors of your checkout and upsells. Checkout X takes the colors from the theme of your e-commerce store, however, you could always edit them. These colors won’t override the ones from your store’s pages before the checkout.

Custom Accent Color

This is the color of the small components on your checkout and upsells pages that are used to emphasize your color scheme. You could use HEX color codes or just choose from the color scheme in the Checkout X app.

Untitled

Note: These are the components having the accent color on the checkout page.

Untitled

Note: These are the components having the accent color on the upsell page.

Change your accent color by following these steps👇👇👇:

  1. Go to the Checkout X dashboard.
  2. Click on Configuration.
  3. Go to Customize Checkout.
  4. Find the field Custom Accent Color.
  5. Add your HEX color code in the field or choose one from the color scheme.
  6. Don’t forget to click Save Checkout.
  7. Done!

Untitled

Custom Buttons Color

This is the color of the buttons on your checkout and upsells pages that is used to create an action feel. You could use HEX color codes or just choose from the color scheme in the Checkout X app.