Styles

Overview

To customize the look of the Checkout you can either update the default styles in the SCAYLE Panel or edit the CSS file directly (Advanced).

Update default styles in the SCAYLE Panel

You can use the SCAYLE Panel to change the default font sizes and weights, button and background colors and other predefined styles.

Go to Shops > Shop > Storefront > Checkout Settings > Checkout Frontend Configuration.
Select the Styles tab.
Use a picker/dropdown to change the default value.
Click SAVE.

Advanced styling

Check the Developer Guide for details about styling options and editing CSS.

Routes & Domains