The Checkout page is largely beyond the control of the theme, as it is controlled by the Shopify platform. However, there are some cosmetic settings that can be controlled through the theme editor's Theme settings.
Pixel Union cannot provide structural or functional changes for this page. If changes to Checkout page are needed but not included in these settings, reach out to Shopify Support to learn more about this page.
Access Checkout page settings in the theme editor
Go to your theme in the Online Store and select Customize. Then select Theme settings > Checkout.
Include a banner
The Banner is the top section of the checkout screen where your store name appears.
Customize it by uploading a custom Background image. Click Select to locate the image and apply it as a background image.
Display your logo
To add your store’s logo to the Checkout page, upload a Custom image.
Use the provided dropdowns to adjust the Position and Logo size.
Customize the Main content area
The Main content area is the left side of the checkout screen where a customer provides information for their order.
To use a custom background here, click Select to upload an image.
Alternatively, use the Background color picker to select a background color.
Select a form field color
There are two options for the color of the Form fields: White or Transparent.
Customize the Order summary area
The Order summary is the right side of the Checkout page. Customers use this area to review the details of their order. Upload a background image (Select) or use the color picker to select a background color.
Customize the Typography
Customize both the Headings and Body font for the checkout by selecting fonts from the provided dropdowns.
Customize the Colors
Customize the Colors that appear on the Checkout page by clicking the rounded-rectangle swatch selectors beside the labeled categories.