Knowledge Base Search

Popular Search shortcodesearchcustomizationcategorymarker

How we can add Custom Color to the Store Locator?

Table of Contents

Agile Store Locator for WordPress offers a selection of 10 predefined color palettes to easily customize the appearance of your store locator. If these options don’t meet your needs, you can create a custom color scheme using the Color Customizer tool.

Color Customizer Button

Color Customizer Tool #

  1. Access ASL Settings: Navigate to the ASL Settings in your WordPress dashboard.
  2. Go to UI Settings: Within the ASL Settings, click on UI Settings.
  3. Open UI Customizer: Scroll down until you find the UI Customizer button, and then click on it.
  4. Load Your Template: Select the template you are using from the dropdown menu and click on Load Template.
  5. Adjust Colors: A variety of fields will appear, allowing you to adjust the colors. Pay particular attention to the Primary field, where you can choose your main color with the color picker tool.
  6. Save Your Settings: Once you are satisfied with the color adjustments, click on the Save Setting button to apply your changes.
Color Customizer Tool

These steps will help you effectively customize the color scheme of your Agile Store Locator to better align with your brand’s aesthetic.

Video Tutorial #

Did you find it useful?