Skip to main content

Style with JavaScript

It's possible that the default styling may require a small tweak to allow it to better match your design and site aesthetic. Rather than adding CSS assets, we recommend applying a style attribute as a setup configuration option. The configurations below apply a style attributely directly to a specific element of the address finder.

Input​

Address Finder Container​

containerStyle

Applies additional styling to the entire Address Finder including the input field.

Input Style​

inputStyle

Applies additional styling to the main input field that triggers Address Finder.

Main Style​

mainStyle

Applies styling to the toggleable Address Finder (includes suggestion list and toolbar).

Suggestion List​

listStyle

Applies additional styling to the the suggestion list.

Suggestion Element​

liStyle

Applies custom styling to every list element <li> including address suggestions and messages.

Demo​

This sandbox provides a visual demonstrate of how style attribute and how it impacts the overall styling of Address Finder.

Loading...