Adding your own font

1. Open Progus Store Locator and navigate to "Settings" -> "Appearance" page.

2. Locate the "Custom CSS code" section.

3. Add the following CSS code with your font details:

   @font-face {
       font-family: 'FONT_NAME';
       src: url(FONT_URL);
   }
   
   #store_locator_425_container div {
       font-family: 'FONT_NAME' !important;
   }
   
   ::placeholder {
       font-family: 'FONT_NAME' !important;
       opacity: 1;
   }
   
   :-ms-input-placeholder {
       font-family: 'FONT_NAME' !important;
   }
   
   ::-ms-input-placeholder {
       font-family: 'FONT_NAME' !important;
   }

   Important: Replace 'FONT_NAME' with the desired name of your font and 'FONT_URL' with the URL where your font is hosted.

4. Save your changes.

Note:

• If you want to change your font to one of available in our app, please check this article:

  Customizing Your Store Locator's Font

  If you're looking to give your Store Locator a unique touch by changing the font, you're in the right place. Follow these simple steps to personalize the font and enhance the visual appeal of your store locator.