How to add CSS class to the store locator?

Table of Contents

Store locator has a shortcode attribute named as css_class that can be applied in the shortcode to add additional CSS class on the store locator, see the example below.

[ASL_STORELOCATOR css_class="my-second-locator"]

How it can be useful? #

The above shortcode attribute can be useful when you have more than one store locator and you want to personalize with the your own CSS class and styles.

.my-second-locator#asl-storelocator {--sl-primary: #FF0000;}

With the CSS rule given above, the store locator color scheme can be changed easily by adding the CSS rule.