Advanced Styles

Custom Css can be specified in the Custom Css box within the Advanced settings of the app, below screenshot shows a Css override to specify font-size for location info text.

List of Key CSS Classes available:

  • .iia-container

This is the class applied to the div container for the widget

  • .iia-header

Header part (Inlcuding the Store Icon and Header text)

  • .iia-details-container

Class applied to the div container which is the container for all locations and footer

  • .iia-list

Class applied to container div for the locations

  • .iia-list-item

Class applied to individual location div

  • .iia-footer

  • .iia-address

  • .iia-phone

  • .iia-info

Class applied to the div which shows the message configured for a product and a location

  • .iia-qty

Class applied to the container span which shows Qty

  • .iia-location

Class applied to the container span which shows Location name