Skip to main content

How can I make the Store Location widget match my brand without hurting readability?

Customize primary color, font, and border radius for brand consistency while keeping location info easy to scan.

Written by Karan Bhakuni

How can I make the Store Location widget match my brand without hurting readability?

Brand alignment is handled in Appearance using a few high-impact controls: primary color, typography, and corner radius.

  1. Open Appearance.

  2. Set Primary Color to match your brand accent.

  3. Choose a Font Family that aligns with your site typography.

  4. Adjust Border Radius to match your UI style (sharp, rounded, or soft).

  5. Review the widget in context and ensure all key text remains easy to read.

Use this setting when you want the locator to look native to your site design system.

Check this if the result does not look right:

  • If text contrast feels weak, pick a stronger primary color.

  • If cards feel too rigid or too soft, tune border radius gradually.

  • If typography feels off-brand, switch font family and re-check overall spacing.

Did this answer your question?