In this section, you can find settings to customize the Checkout page.
Theme settings -> Checkout
Here you can add a full-width image for both a desktop and a mobile version, that is displayed at the very top of the checkout page:
The recommended image size is 1000 x 400 pixels.
Here you can select or upload an image for the logo, choose the “Logo position”: “Left, “Center” or “Right”. And change the “Logo size”: “Small”, “Medium” or “Large”.
This is what it may look like:
In the “Main content area”, you can upload a “Background image” or choose the unique shade of the color in the “Background color”. If you want to have the default state “White” of the “Form fields”, leave this option as it is. Or choose “Transparent” if you want to have the same background of the form fields as the selected background color/image.
Now let's see what we get if we choose a background color and set the transparency parameter for the form fields:
Here you can upload a “Background image” or choose the unique shade of the color in the “Background color” for the “Order summary” section:
In the “Typography”, you can change the font of the body’s content by choosing the one you like from the “Body” dropdown list. Choose the font of the headings on a checkout page in the “Headings” dropdown list.