--- title: Checkout Theme settings description: How to edit your Checkout Page. --- [Skip to content](https://help.boostertheme.com/knowledge/checkout-theme-settings#main-content) ![logo_white_booster-Sep-13-2022-06-54-02-62-PM.png\]](https://help.boostertheme.com/hs-fs/hubfs/logo_white_booster-Sep-13-2022-06-54-02-62-PM.png?height=36&name=logo_white_booster-Sep-13-2022-06-54-02-62-PM.png) - [Home - Help Center](https://help.boostertheme.com/knowledge) Open main navigation Close main navigation - [Home - Help Center](https://help.boostertheme.com/knowledge) - [Go to boostertheme.com](https://boostertheme.com/) [Go to boostertheme.com](https://boostertheme.com/?hsLang=en) Hello. How can we help you? - There are no suggestions because the search field is empty. 1. [Home - Help Center](https://help.boostertheme.com/knowledge?hsLang=en) 2. [In-depth Tutorials](https://help.boostertheme.com/knowledge/in-depth-tutorials?hsLang=en) 3. [Theme settings](https://help.boostertheme.com/knowledge/in-depth-tutorials?hsLang=en#theme-settings) # Checkout Theme settings ## How to edit your Checkout Page. [![checkout page](https://help.boostertheme.com/hs-fs/hubfs/image-png-Nov-23-2023-07-00-19-4831-AM.png?width=688&height=309&name=image-png-Nov-23-2023-07-00-19-4831-AM.png)](https://help.boostertheme.com/hubfs/Checkout%20page.webp?hsLang=en) The checkout page is of prime importance in any online shopping site. After the customers buy a product, they need to pass through the checkout page to finalize the purchase. Now, let’s find out how to set up the checkout page for our Booster theme. To access the **Checkout** Settings, click **Customize** (Themes section on Shopify) > **Theme settings **> **Checkout.** #### In this article: 1. [Banner](https://help.boostertheme.com/knowledge/checkout-theme-settings#BANNER) 2. [Logo](https://help.boostertheme.com/knowledge/checkout-theme-settings#logo) 3. [Main Content area](https://help.boostertheme.com/knowledge/checkout-theme-settings#main-content-area) 4. [Order Summary](https://help.boostertheme.com/knowledge/checkout-theme-settings#order-summary) 5. [Checkout Layout](https://help.boostertheme.com/knowledge/checkout-theme-settings#checkout-layout) --- #### **Banner** The **Background Image setting **will help you change the background image of your banner. [![Background Image](https://help.boostertheme.com/hs-fs/hubfs/image-png-Nov-23-2023-08-52-32-8289-AM.png?width=688&height=275&name=image-png-Nov-23-2023-08-52-32-8289-AM.png)](https://help.boostertheme.com/hubfs/Background%20Image-1.webp?hsLang=en) #### **Logo** The brand logo should be present on the checkout page. The presence of the brand logo on the checkout page proves the brand’s authenticity. The three most basic settings under the logo are as follows: - Custom Image - Position - Logo size #### **Main Content Area** The main content area of the checkout page typically displays a summary of the selected items, their prices, and quantities. It also includes fields for shipping information, payment details, and order summary. Users complete these sections to finalize their purchase. - **Background Image** - You can make changes to the **background image** of the main content area in the Booster theme. [![Background Image MCA](https://help.boostertheme.com/hs-fs/hubfs/image-png-Nov-23-2023-08-59-52-5199-AM.png?width=688&height=278&name=image-png-Nov-23-2023-08-59-52-5199-AM.png)](https://help.boostertheme.com/hubfs/Background%20Image-2.webp?hsLang=en) -  **Background Color** - Often, you may not have a suitable background color in the Booster theme for the checkout page. In such a situation, you can use this setting to make changes to the main content page's background color. - **Form Fields** - You may change the form fields to white or transparent, with the help of this setting. [![Form Fields](https://help.boostertheme.com/hs-fs/hubfs/image-png-Nov-23-2023-09-11-56-3712-AM.png?width=253&height=89&name=image-png-Nov-23-2023-09-11-56-3712-AM.png)](https://help.boostertheme.com/hubfs/Form%20Fields.webp?hsLang=en) #### **Order Summary ** It is natural for the customers to go through the orders on the order summary page. Hence, it is important to customize the order summary page. For that, you may need to access specific settings like  1. **Typography** - This will help you to change the font of the **headings** and the **body **of your Checkout page. [![Typography](https://help.boostertheme.com/hs-fs/hubfs/image-png-Nov-23-2023-09-16-02-8771-AM.png?width=235&height=180&name=image-png-Nov-23-2023-09-16-02-8771-AM.png)](https://help.boostertheme.com/hubfs/Typography.webp?hsLang=en) 2. **Colors ** **Accents:** This setting helps you modify the color of links and highlights.  **Buttons: **The checkout page allows customers to use gift cards or discount vouchers while paying. The customers need to follow a few steps while making payments. This setting lets you modify the gift cards' color, discount coupons, and the subsequent steps. **Errors: **This color helps you change the color of invalid field errors and messages. #### **Checkout Layout** You can set how many pages your customers experience when they check out. You can choose between a **one-page checkout** or a **three-page checkout.** [![Checkout layout](https://help.boostertheme.com/hs-fs/hubfs/image-png-Nov-23-2023-09-27-45-6687-AM.png?width=382&height=271&name=image-png-Nov-23-2023-09-27-45-6687-AM.png)](https://help.boostertheme.com/hubfs/Checkout%20layout.webp?hsLang=en) - End of article -   - [Get started](https://help.boostertheme.com/knowledge/get-started?hsLang=en#main-content) - [Installation Process](https://help.boostertheme.com/knowledge/get-started?hsLang=en#installation-process) - [Learning the basics](https://help.boostertheme.com/knowledge/get-started?hsLang=en#learning-the-basics) - [In-depth Tutorials](https://help.boostertheme.com/knowledge/in-depth-tutorials?hsLang=en#main-content) - [Sections](https://help.boostertheme.com/knowledge/in-depth-tutorials?hsLang=en#sections) - [Theme settings](https://help.boostertheme.com/knowledge/in-depth-tutorials?hsLang=en#theme-settings) - [Product Page](https://help.boostertheme.com/knowledge/in-depth-tutorials?hsLang=en#product-page) - [More tutorials](https://help.boostertheme.com/knowledge/in-depth-tutorials?hsLang=en#more-tutorials) - [More support](https://help.boostertheme.com/knowledge/more-support?hsLang=en#main-content) - [Partners app Ressource center](https://help.boostertheme.com/knowledge/more-support?hsLang=en#partners-app-ressource-center) - [Managing your subscription & theme](https://help.boostertheme.com/knowledge/more-support?hsLang=en#managing-your-subscription-theme) - [Change logs & Policies](https://help.boostertheme.com/knowledge/more-support?hsLang=en#change-logs-policies) - [Announcements and others](https://help.boostertheme.com/knowledge/more-support?hsLang=en#announcements-and-others) [![Chill listening crop-3](https://help.boostertheme.com/hs-fs/hubfs/Booster-black-logo.png?width=178&height=51&name=Booster-black-logo.png "Chill listening crop-3")](https://boostertheme.com/?hsLang=en) Copyright © 2026, Booster Theme - PreviewX Inc.