Documentation / Customizing Checkboxes and Remember Me

Customizing Checkboxes and Remember Me

Checkbox Fields

The Checkbox Fields panel controls the visual appearance of all checkboxes on the login form, including the “Remember Me” checkbox.

Accessing Checkbox Settings

Navigate to Settings → Login Customizer.
Open the Login form checkbox field(s) panel in the Design tab.

Colors and Borders

Checkboxes support multiple states with independent styling:

Normal — The default unchecked state.
Checked — When the checkbox is selected.
Hover — When the user hovers over the checkbox (both checked and unchecked).
Focus — When the checkbox has keyboard focus (both checked and unchecked).

For each state, you can set the background color. Border settings (width, style, color) are available for the normal, hover, and focus states, with each side configurable independently.

Checkmark Icon

Choose the icon displayed inside a checked checkbox:

Default — The standard browser checkbox appearance.
FontAwesome Check — A FontAwesome check icon.
Heroicons Check — A Heroicons check icon.

Configure the checkmark icon color for normal, hover, and focus states. You can also adjust the icon size and margin (positioning offsets) for precise placement.

Field Size and Spacing

Field size — Set the width and height of the checkbox in pixels (default: 16).
Field margin — Adjust spacing around the checkbox element.

Box Shadow

Set a box shadow for the normal, hover, and focus states.

Remember Me

The Remember Me panel controls the “Remember Me” checkbox that appears on the login form.

Accessing Remember Me Settings

Open the Login form’s “Remember Me” checkbox panel in the Design tab.

Visibility

The Visibility setting offers three options:

Visible (default) — The checkbox is shown in its current state.
Hidden, checked — The checkbox is hidden but remains checked, so users are always remembered.
Hidden, unchecked — The checkbox is hidden and unchecked, so users are never remembered.

Label Text

Customize the “Remember Me” label text. This field supports per-language customization if your site has multiple languages installed.

WordPress 7.1 renders a small help button beside the “Remember Me” label. Clicking it opens a short explanation of what the option does. Earlier WordPress versions do not render it, and these settings have no effect there.

Show the help tooltip next to the checkbox — Enabled by default. Turning it off removes the button and its explanation from the login form entirely. WordPress added it as an accessibility aid, so leave it on unless you have a reason not to.
Help tooltip content — The explanation shown in the bubble, per language. It starts out as WordPress’s own wording; edit it to say something else, or clear a language to follow whatever WordPress says for it. Editing matters most when you have renamed the checkbox: the WordPress text quotes the label “Remember Me” literally, so it will name a label your login form no longer shows.
Help tooltip colors — Set the icon color, the icon color on hover and keyboard focus, and the background, border and text colors of the explanation bubble.

Hiding the checkbox itself (either “Hidden” visibility option) removes the help tooltip along with it.

Spacing

Adjust the margin around the Remember Me checkbox area using the top, right, bottom, and left fields.