Customer Account Header Color

Store Design
, , , ,

Topic summary

A user seeks to customize the header color on Shopify’s New Customer Accounts pages (account, profile, orders) using CSS.

Key Challenge:

  • New Customer Accounts are hosted on a separate subdomain, not controlled by the theme’s stylesheet
  • Unlike Legacy Accounts, these pages use Shopify’s own styling system
  • Standard theme CSS customization methods don’t apply

Initial Suggestion:

  • Inspect HTML for unique classes/IDs using browser developer tools
  • Use Liquid conditions to assign custom classes if needed

Current Limitation:

  • Direct CSS access to these pages is restricted since they’re managed by Shopify, not the merchant’s theme
  • The discussion acknowledges customization constraints but doesn’t provide a definitive solution

Status: The conversation remains open with no clear resolution on how to modify the header styling for New Customer Accounts pages.

Summarized with AI on November 1. AI used: claude-sonnet-4-5-20250929.
1

Hello!

I’m using the new shopify customer accounts.

Is there a way to target with CSS the header of the account page / profile page and order page ?

2

To target the header of the account, profile, or order pages in the new Shopify customer accounts, you need to inspect the page’s HTML structure using your browser’s developer tools. Look for unique classes or IDs applied to the header or parent container elements specific to these pages.

If no unique identifiers are available, you can use Shopify’s "request.path "or other Liquid conditions to assign custom classes to the tag or specific sections. Once identified, apply your CSS to those classes or IDs in your theme’s stylesheet.

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!

3

I think this applies as long as you have turned on Legacy Accounts. The thing is, the New Customer Accounts aren’t dependen on the theme’s stylesheet. They are dependent on shopify’s style, not only that, that part of the website is NOT being hosted on the same place as the main website, you even have to configure a subdomain for that part of the website (account page, orders page, thank you page).

How can I access the code for those? and where exactly do you find it and adjust the CSS?

1 Like
4

The new Shopify customer accounts, including the account page, orders page, and thank you page, are part of Shopify’s New Customer Account and are hosted separately from your main store. These pages are managed and styled by Shopify directly, not by your theme. Here’s what you need to know and how to approach customizing them:

  • Hosted on a Subdomain
  • Customization Limitations
  • What You Can Do
  • Alternative Approach
  • Future Possibilities