Design & Layout, Navigation & Templates

Checkout Stylesheet

Checkout Stylesheet

The Checkout Stylesheet controls the visual design of your cart and checkout pages separate from the rest of your site styling.

What you can do here

  • Customise the look of your checkout form
  • Adjust button colours, form field styles, and layout
  • Match the checkout styling to your overall brand

Step by step

  1. Go to Design and Layout > Design Elements > Checkout Stylesheet.
  2. Edit the CSS in the code editor.
  3. Save and test your checkout to see the changes.

Tips

  • Make small changes and test often checkout is where sales happen, so it pays to get it right.
  • Check your checkout on mobile as well as desktop after any changes.

Ask the assistant

AI assistant support for this screen is coming soon.

Added: 2026-07-04  •  Last updated: 2026-07-15
Was this page helpful?