How to edit authentication element texts

In this tutorial, you’ll learn how to edit the texts of the authentication element.

Note

Note regarding state:

This element can have multiple states, which are controlled from the bottom section of the corresponding editor.

The states refer to:

• whether the user is logged in or not
• the visibility of the dropdown menu

Step 1 - Open Authentication Element Settings

To open the Auth Element Settings menu, you have two options:

1. Hover over the Auth-icon element and click the “Edit Auth-icon” button;
2. Double-click on the Auth-icon element.

Step 2 - General Tab

In the Auth Element Settings editor, you’ll find two tabs: General and Look & Feel.

The settings we’re interested in are under the General tab.

Step 3 - Show Text and/or Icon

To display text, icon or both use the switch for visibility.

Step 4 - Edit Texts

Note

The input fields for customizing the element’s text (including the dropdown label) will change based on the selected state: Logged In or Logged Out.

You’ll only see the fields relevant to the current state.

To edit the texts, simply update the values in the input fields.

Next steps

• how to show / hide authentication element
• how to edit authentication element styles