How do I change the colors and map style of my store locator?
Open Appearance in One Stop Store Locator & Maps. The settings are on the left and a live preview of the real locator is on the right, for desktop and mobile. Choose one of four map styles, a light or dark list, the marker color, the layout and size, and the fonts and colors under Fonts and styles. Save with the save bar, and the change reaches every placement: the store locator page, the popup button and the Store locator block.
Steps
- In the app, open Appearance.
- Under Layout, set Desktop to List left, map right or Map left, list right, and Mobile to Map on top, list below or List on top, map below.
- Under Map, pick a Map style, the List theme (Light or Dark) and the Marker color.
- Still under Map, set Height, Width and Map share for Desktop and for Mobile.
- Under Clustering, keep Group nearby pins on if you have many locations, and set the Circle, Border and Number colors.
- Under Fonts and styles, set the Font, Accent, font sizes and colors, Background, Border and Corner rounding. Custom CSS takes your own rules.
- Check the preview, then save.
What to watch out for
- The preview uses sample locations until you add your own.
- Each location can have its own pin: turn on Own marker color or add a Marker icon in the location’s editor.
- The colors and size of the popup button are set in Settings, under Popup button.