Branding
Change your storefront logo, colors, and fonts
Update the visual settings shared by your storefront, including its logo, browser-tab icon, page background, content width, and font.
Before you start
- Content → Branding
- You need Edit permission for Branding, Navigation & Testimonials.
What success looks like
- Your storefront uses the logo, colors, background, width, and font you saved.
Quick start
The shortest path through this area.
- 1Open Branding & Design. To change a Logo or Favicon, use Upload File → Choose File, or Enter URL under Logo & Identity. Wait for the preview to appear.
- 2Change only the appearance settings you need: Brand Colors, Page Background, Page Width, or Font Family under Typography. Use the previews to check your choices.
- 3Click Save Changes. Reload the storefront to check the saved appearance.
- 4To remove a logo or favicon, click Remove or Clear beside that image, then click Save Changes.
- 5For colors, choose a preset or enter the Primary, Secondary and Accent colors. Page Background has its own preset and Custom Color controls.
How this area works
Reference information for the choices on this page.
Fields and options
- Logo: The main image used to identify your storefront. The favicon is a separate image used in the browser tab.
- Page width: Sets the overall content width. Individual page sections also have their own layout settings.
- Font family: Sets the shared storefront font from the supported list.
Troubleshooting
Choose the symptom that matches what you see.
An image does not load
Check whether the upload finished. If you entered an image URL, make sure it can be opened without signing in.
The browser tab still has the old icon
Check that you saved the new favicon, then open the storefront in a fresh tab. Browsers may keep an older favicon in their cache.
Continue with a related guide
Still stuck?
Open a support ticket. We’ll include this guide so you only need to explain what happened and where you got stuck.
Sign-in is required to protect store information.