Custom styling: Fixed width adjustment
Custom StylingThe example of the Addressfinder widget has the manual styling feature turned on. This enables the styling to be set by the customer rather than using the default style. When you make a search, you will notice the font and colour has been changed to match the style of the page.
See the Pen Custom styling: Fixed width adjustment by Addressfinder (@addressfinder) on CodePen.
Related code examples
-
Customised styles for email verification - Demonstrates how to adjust the text and border colours of the email verification messages.#Email #Styling
-
Customised styles for phone verification - Demonstrates how to adjust the text and border colours of the phone verification messages.#Phone #Styling
-
Hide the success tick with email verification - When an email address is successfully verified, a green tick is displayed. In this example, we show how to use CSS to hide that tick.#Email #Styling
-
Phone Verification Widget with custom Rules and Messages - The widget has been configured to enforce mobile and country related rules. The widget has also bee configured to display custom messages to the end user if/when the supplied number conflicts with the rules.#Custom #Phone #Restrict
-
State field select box - The state field is a drop down list. This code example shows how to use mappings to automatically select the state associated with the selected address.#Custom #State