Home Docs Shopify

Appearance Settings: How To Change The User Interface

Updated on Jun 20, 2025

Shopify

Appearance Settings: How To Change The User Interface

Customize the visual styling of your Shopify builder interface by adjusting font styles and color themes. This guide walks you through accessing the Appearance Settings and modifying the look and feel to align with your brand identity.

1. Access Settings

From your admin dashboard, click on the Settings tab within the BAGS app to begin customizing your store's appearance.

Click Settings

2. Navigate to Appearance

Within the Settings menu, select the Appearance option to access layout and design controls for your builder.

Click Appearance

3. Change the Builder Font

Locate the field labeled "Builder Font Name" to update the font used across your builder interface. This change helps match the builder styling with your brand’s visual identity.

Change Builder Font

4. Customize Builder Colors

You can also modify the color palette of your builder to create a consistent branded experience for your customers.

Change Builder Colors

5. Save Your Changes

Once you’ve made your updates, don’t forget to click Save All to apply your new appearance settings.

Save Appearance Settings

Why Customize Appearance Settings?

  • Aligns the builder interface with your brand aesthetic.
  • Improves user experience with readable fonts and clear design.
  • Creates a visually cohesive customer journey.

Tags

appearance settings, shopify builder, font customization, color theme, branding