Skip to main content

Vertically Shift Address Finder

From time to time, you may want to tweak the default style of Address Finder to better match your applications design system.

JavaScript Style Adjustments are the recommended means to make small changes.

A common issue is the alignment of the Address Finder dropdown, this may be a few pixels to high or low. In these instances, we recommend a positive or negative margin-top style attribute.

The listStyle property is an object that allows customizing the appearance of the address list. In this example, marginTop is set to "-1.4rem" to adjust the top margin of the list.
apiKey: "ak_test",
listStyle: {
marginTop: "-1.4rem"
outputFields: {
line_1: "#line_1",
line_2: "#line_2",
line_3: "#line_3",
post_town: "#post_town",
postcode: "#postcode"

Live Demo