How to customize your store locator widget colors

(NOTE: This is only available when using the new user interface + available only for theme 2.0 and 3.0)

You may want to change colours of the widget to ensure the map fits in with your website theme. Storemapper allows you to do this.
In the Settings tab on the left hand menu, make sure you have Storemapper Default 2.0 or Storemapper Default 3.0 selected


Ok, you’re now ready to customize your widget colors! For that navigate to Settings > Appearance tab which you will see along the top.

You should see the section called “Colors”

By selecting on the arrow next to the color you can select the color that you would like to appear on your widget. See below for an explanation on each of the options. You can also directly copy and paste the #hex colour into the search bar at the bottom if you want to use a specific colour.

(This doesn’t apply when using a custom marker image)


ets the background color of the main search button


ets the color of the icons and any links inside the store listings

Links and Icons

 the text and border color of the “View on Map” and “Directions” buttons

View On Map Button
the background color of the store listings when selected
the color of the selected store listings content (text , icons, links and buttons)


You can also update your map color scheme to match your widget colors. Check this article to learn how to change map colors
That’s it! Time for you to be creative and come up with awesome color scheme for your store locator!
If you need any help or just want to share your masterpiece with us, please do not hesitate to contact us at
Was this article helpful?

Related Articles

Submit a Comment

Your email address will not be published. Required fields are marked *