Skip to main content
Documentation/Elements & Controls Reference/Elements/Forms/Login Form

Login Form

Login Form lets existing WordPress users sign in. It includes labels, a lost-password link, remember-me behavior, success text, and an optional redirect.

Add and configure Login Form

  1. Click Add, choose Login Form, and place it in the container.
  2. Configure Form > Labels in the Content tab and Submit Text.
  3. Enable Lost Password and set Custom Lost Password Page if using a custom recovery page.
  4. Review Remember Me, Success Message, Redirect After Login, and Redirect URL.
  5. Style Container in the Design tab, Form, and Spacing.
  6. Save your changes.
Login Form controls in the Breakdance editor
Login Form controls in the Breakdance editor

This element has no children; use its own controls.

Controls

Responsive varies by breakpoint; Hover has a hover value; Shared applies across both. Linked controls have their own reference. In conditions, = means “is” and ≠ means “is not.”

Form Controls

From the Content tab, open Form.

Setting Purpose and options Behavior
Labels > Username Label Enter the username label. Shared
Labels > Username Placeholder Enter the username placeholder. Shared
Labels > Password Label Enter the password label. Shared
Labels > Password Placeholder Enter the password placeholder. Shared
Labels > Remember Me Enter the remember me. Shared
Labels > Lost Password Enter the lost password. Shared
Lost Password On/off. Shared
Custom Lost Password Page Set custom lost password page. When: Lost Password is set. Shared
Remember Me On/off. Shared
Submit Text Enter the submit text. Shared
Success Message Enter the success message. Shared
Redirect After Login On/off. Shared
Redirect URL Set redirect url. When: Redirect After Login = True. Shared

Container Controls

From the Design tab, open Container.

Setting Purpose and options Behavior
Width Width. Responsive
Background Color or supported fill. Shared
Padding spacing controls. See linked controls
Borders borders controls. See linked controls

Form Controls

From the Design tab, open Form.

Setting Purpose and options Behavior
Form form styles. See linked controls

Spacing Controls

From the Design tab, open Spacing.

Setting Purpose and options Behavior
Spacing spacing controls. See linked controls

Troubleshooting

Valid-looking credentials are rejected

Confirm the account exists and test the normal WordPress login. The element uses WordPress authentication.

Sign-in succeeds but the destination is wrong

Check Redirect After Login and Redirect URL together.