Style & Colors - Customizing your Customer Accounts Hub Appearance

This guide provides a comprehensive walkthrough for customizing the appearance of your Shopify Customer Accounts Hub, enabling you to create a unique and branded experience for your customers. It covers essential customization options, including font styles, colors, and layout adjustments, ensuring that your account hub aligns with your store's identity. By following these steps, you can enhance user engagement and improve the overall aesthetic of your online store.

Ezra Miller
7 steps
60 seconds

Customerhubapp

Shopify

To start customizing your style and colors, open the C:Hub Customer Account s app

Click "Customize"

Click "Style & Colors"

You'll now see the 'General Style' section, which gives you access to: Font Style: Which allows you to choose from our default Roboto or Noto Sans\ Corner Style: By default set to rounded, but can be changed to straight instead\ Override Font Family: Which allows you to override our built in fonts with your own font\ Embedded Page Width Slider: By default set to 1200px, but can be changed to your own preference (Adjust the width for Shopify or Intregration pages that load within the customer account.)

Below this section, you'll have access to the 'Main Brand Color', which is your primary store color that will determine the color of: This will auto-update your Actions, Order Paid/Fulfilled, Highlight Background & Primary Button Background colors\ \ You can override these all manually in the section below this

Under the 'Main Brand Colors' section, you'll have access to the 'Page & Widget Colors' which allows you to edit the colors of each section of the customer account page. All color options are set to default colors and can be changed.\ \ You can also view an example of what colors will be edited by clicking on either the 'page sample' button, or the 'widget/mobile sample' button.

The last section you'll have access to in this tab, is the 'Alert/Message Colors', where you can update all Alert/ Message Colors