Access the Custom Styles
Custom CSS can be specified in the Custom Styles box within the app’s Styles settings. You can access it through Apps > Inventory Widget > Styles.
Once you’re in Styles, scroll down to the bottom of the page to see “Custom Styles.”
The screenshot below shows a custom CSS override that specifies the font size for the location info text.
List of Available Key CSS Classes
| Class | Definition |
.iia-container | This is the class applied to the div container for the widget |
.iia-header | Header part (Including 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 the Location name |
