User Lost Password Element

24/07/2022

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!

Element Demo Page

USER REGISTER ELEMENT

USER LOGIN ELEMENT

How To Use The User Lost Password Element

Step 1 – Create a new page or edit an existing one.

Step 2 – Add a container then select your desired column layout.

Step 3 – Click the ‘+ Element’ button to bring up the Elements window. Locate the ‘User Lost Password’ Element and click it to bring up its options window.

Step 4 – Work you way one at a time through the options to configure the User Lost Password Element to your liking.

Step 5 – Once you have finished configuring the options, click ‘Save’ to insert the element into the page. Preview the page to view the User Lost Password Element output, and remember you can come back into the element to fine tune it.

IMPORTANT NOTE: As of Avada 7.4, you can now also add Google reCAPTCHA to the User Lost Password Element. To enable this, simply head to the Global Options, and Form > Google reCAPTCHA, and turn the reCAPTCHA For User Elements option to Yes.

870,055 Businesses Trust Avada

Get Avada

870,055 Businesses Trust Avada

Get Avada

870,055 Businesses Trust Avada

Get Avada

Element Options

Location: The edit screen within each Element.

You can deploy as many individual Elements in pages and posts as you need, there is no limit. Within each of the Elements you will see a tab or tabs that house an array of options that make it possible for you to configure each Element independently, and greatly enhance your flexibility and creative 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 Align – Choose the alignment of all content parts. “Text Flow” follows the default text align of the site. “Center” will center all elements.
Heading – Choose a heading text.
Heading Color – Choose a heading color.
Caption – Choose a caption text.
Caption Color – Choose a caption color.
Show Labels – Controls if the form field labels should be shown.
Show Placeholders – Controls if the form field placeholders should be shown.
Button Span – Choose to have the button span the full width.
Form Background Color – Choose a background color for the form wrapping box. Leave empty for the default value.
Link Color – Choose a link color.
Redirection Link – Add the URL to which a user should be redirected to after form submission. Leave empty to use the same page.
Margin – In pixels or percentage, ex: 10px or 10%.
Element Visibility – Choose to show or hide the element on small, medium or large screens. You can choose more than one at a time.
CSS Class – Add a class to the wrapping HTML element.
CSS ID – Add an ID to the wrapping HTML element.