User Lost Password Element

Last Update: February 20, 2023

Avada comes bundled with a group of Login and Registration Elements to allow you to quickly and easily setup custom login, registration and lost password pages. These are the User Login Element, the User Lost Password Element, and the User Register Element.

Used together, this suite of tools gives you a powerful and easy ways to administer your users access to your site. Read below to discover more about the User Lost Password Element, and watch the video below for a visual overview.

For privacy reasons YouTube needs your permission to be loaded.
I Accept

How To Use The User Lost Password Element

To start, simply add the element into your desired column. Work your way, one at a time, through the options to configure the User Lost Password Element to your liking.

Element Options

Note: The displayed option screens below show ALL the available options for the element. If you have Avada’s Option Network Dependencies turned on, you will only see options relevant to your selections, and so the options screen may look somewhat different.

Text AlignChoose the alignment of all content parts. "Text Flow" follows the default text align of the site. "Center" will center all elements. Default currently set to Center.
HeadingChoose a heading text.
Heading ColorChoose a heading color.
CaptionChoose a caption text.
Caption ColorChoose a caption color.
Show LabelsControls if the form field labels should be shown. Default currently set to No.
Show PlaceholdersControls if the form field placeholders should be shown. Default currently set to Yes.
Button SpanChoose to have the button span the full width. Default currently set to No.
Form Background ColorChoose a background color for the form wrapping box. Leave empty for default value of Light Gray. Reset to default.Using default value.
Link ColorChoose a link color. Leave empty for default value of Dark.
Redirection LinkAdd the url to which a user should redirected after form submission. Leave empty to use the same page.
MarginEnter values including any valid CSS unit, ex: 4%.
Element VisibilityChoose to show or hide the element on small, medium or large screens. You can choose more than one at a time. Each of the 3 sizes has a custom width setting on the Responsive tab in the Global Options.
CSS ClassAdd a class to the wrapping HTML element.
CSS IDAdd an ID to the wrapping HTML element.