Edit styles in Customer Accounts

Learn how to customize the look and feel of your customer account pages using Shopify's customer accounts and checkout styling settings.

Customer account pages automatically inherit your checkout branding, allowing you to keep a consistent experience across sign in, profile, orders, and checkout.

In this guide, you'll learn which settings apply to customer accounts and which only affect checkout.

Access the styling settings

1

Open Hubble

Navigate to your Shopify Admin, click on Apps and select Hubble.

2

Click on Open Accounts Editor

Click on the button "Open Accounts Editor" located in the top right corner of the screen.

You can also access the Accounts Editor by navigating your Admin:

Settings > Customer accounts > Configurations > Customize

3

Go to Settings

In Shopify's Accounts editor, click on the Settings cog icon in the sidebar to open up the styling settings panel.

Refer to the tables below for more details on each setting.

Available style options

These tables summarize what each styling option does and which pages they apply to.

Header

Setting	Profile	Orders	Order Status	Sign in	Checkout	Notes
Logo						The logo that appears in account and checkout.
Logo width						Adjust the displayed width of your logo.
Logo alignment						Control how the logo is aligned.
Logo position						Change the position of the logo within checkout.

Checkout Footer

Setting	Profile	Orders	Order Status	Sign in	Checkout	Notes
Footer alignment						Control how footer content is aligned.
Footer position						Change where the footer appears within checkout.

Main

Setting	Profile	Orders	Order Status	Sign in	Checkout	Notes
Color						The background for the checkout form.

Order Summary

Setting	Profile	Orders	Order Status	Sign in	Checkout	Notes
Background image						Used on Sign in, Profile, Orders, Order Status, and the checkout Order Summary section.
Background color						Applies a background color to the same areas as the background image setting.

Colors

Setting	Profile	Orders	Order Status	Sign in	Checkout	Notes
Accent						Controls the color of links, icons, and accent text.
Buttons						Sets the base color for all button styles.
Error						Controls the appearance of error text and banners.
Fields and cards						Changes the background color of form fields and product cards.

Typography

Setting	Orders	Profile	Order Status	Sign in	Checkout	Notes
Headings						Controls the font family used for headings.
Body						Controls the font family used for body text.

Other Settings

Setting	Profile	Order Status	Orders	Sign in	Checkout	Notes
Checkout layout						Controls the overall layout of checkout.
Address autocompletion						Applies when customers edit addresses on the Profile page.
Buy again button						Displays a Buy again button on the Orders and Order Status pages.

Looking for more advanced customization? Custom blocks give you greater control over layout, styling, and content across your customer account pages.