To access the CSS files for ProMap customization, you'll need to go into your Shopify theme files:[1]
Method 1: Via Theme Editor
Go to Online Store → Themes → Actions → Edit Code
Look in the Assets folder for:
•sca.storelocator.css
•sca.api.storelocator.css
Method 2: Add Custom CSS
Go to Online Store → Themes and click Customize
Open Theme Settings (gear icon)
Find Custom CSS section
Add your custom styling there
The main CSS files you can customize are assets/sca.storelocator.css and assets/sca.api.storelocator.css.[3] You can also add custom CSS to your theme's main stylesheet like theme.css or custom.css.
With certain HTML/CSS skills, you can customize Store Locator app yourself according to the following file:
Templates/page.sca-storelocator.liquid or Sections/sca-storelocator.liquid
Assets/sca.storelocator.css
assets/sca.storelocator.css
assets/sca.location-map-mobile.png
assets/sca.location-find-location.png
assets/sca.location-origin-marker.png
assets/sca.location-arrow-up.png
assets/sca.location-arrow-down.png
assets/sca.location-loading.png
assets/sca.stockist-form-loading.png
assets/sca.ty-thumbnail.png
snippets/sca.storelocator.liquid
templates/page.sca-storelocator.liquid (optional)
templates/page.sca-storelocator.json (optional)
sections/sca-storelocator.liquid (optional)
assets/sca.storelocator_scripttag (optional)
assets/sca.dealerform_scripttag (optional)
assets/sca.wtb_scripttag (optional)
assets/sca.storelocatordata.json (optional)
assets/sca.api.storelocator.css
templates/page.sca-stockistform.json
sections/sca-stockistform.liquid