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.

Logo

Setting	Profile	Orders	Order Status	Sign in	Checkout	Notes
Image						The logo that appears in account and checkout.
Width						Adjust the displayed width of your logo.
Alignment						Control how the logo is aligned.

Color palette

A color palette is a saved set of brand colors.

You can reuse it across other settings to keep headers, buttons, fields, and other elements consistent.

Main

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

Header

Applies to full width headers in checkout and customer accounts.

Setting	Profile	Orders	Order Status	Sign in	Checkout	Notes
Background						The background of the full-width header.
Accent						The accent text color of the full-width header.

Order Summary

Edit order summary on the checkout page.

Setting	Profile	Orders	Order Status	Sign in	Checkout	Notes
Background						The background color of the summary.
Accent						The accent text color of the summary.
Image						The background image of the summary.

Accent and buttons

Colors for links, selections, and buttons

Setting	Profile	Orders	Order Status	Sign in	Checkout	Notes
Accent						Controls color of links, icons, and accent text.
Buttons						Sets the base color for all button styles.

Input fields

Setting	Profile	Orders	Order Status	Sign in	Checkout	Notes
Error						Controls appearance of error text and banners.
Transparent						Controls transparency of form fields.

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.