# Login template

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/stV2T4fN0wPKxERTo3AR/login-desktop-1.jpg" alt=""><figcaption></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/x4kHGwgbyNztz8a2Johw/login-mobile-1.jpg" alt=""><figcaption></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/MLSFHA8fuk5t1LfByoi9/login-desktop-2.jpg" alt=""><figcaption></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/UZ2uAbgcuu45Cmg1FZP1/login-mobile-2.jpg" alt=""><figcaption></figcaption></figure>

## **Adding a Section**

The section is static on a **Login page** template, it was added initially and cannot be removed.

## **Section settings**

### General

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/e26dpobRigitEoaGqNBv/register-settings.jpg" alt=""><figcaption></figcaption></figure>

1. **`Image desktop`** - setting allows you to select an image for the **Desktop**;
2. **`Image mobile`** - setting allows you to select an image for the **Mobile**.

### Layout

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/gsW8gZX9z7GsSFebVW1C/register-layout.jpg" alt=""><figcaption></figcaption></figure>

1. **`Desktop offset top`** - the **top** indent of the section on the **desktop**;
2. **`Desktop offset bottom`** - the **bottom** indent of the section on the **desktop**;
3. **`Mobile offset top`** - the **top** indent of the section on the **mobile**;
4. **`Mobile offset bottom`** - the **bottom** indent of the section on the **mobile**.

## Theme content

You can customize the text content in the Login section of Accounts (classic).

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/J4nIqTT5prKQlfWNSIIf/login-theme-content-1.jpg" alt=""><figcaption></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/gVZpCkPLqV3eL6rC8RXz/login-theme-content-2.jpg" alt=""><figcaption></figcaption></figure>

1. **`Title`** - setting allows you to select a Title for the section;
2. **`Email`** - setting allows you to select a label for the Email input;
3. **`Email placeholder`** - setting allows you to select a placeholder for the Email input;
4. **`Email aria label`** - setting allows you to select a aria label for the Email input;
5. **`Password`** - setting allows you to select a label for the Password input;
6. **`Password placeholder`** - setting allows you to select a placeholder for the Password input;
7. **`Recover password`** - setting allows you to select a label for the Recover password link;
8. **`Sign in`** - setting allows you to select a label for the Sign in button;
9. **`Sign up`** - setting allows you to select a label for the Sign up button;
10. **`Password aria label`** - setting allows you to select a aria label for the Password input;
11. **`Recover aria label`** - setting allows you to select a aria label for the Password link;
12. **`New customer`** - setting allows you to select a text for the New customer;
13. **`Sign in aria label`** - setting allows you to select a aria label for the Sign in button;
14. **`Sign up aria label`** - setting allows you to select a aria label for the Sign up button.

You can customize the text content in the Recover password section of Accounts (classic).

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/bvrEKdaKa6MYou7UlMJh/login-theme-content-3.jpg" alt=""><figcaption></figcaption></figure>

1. **`Title`** - setting allows you to select a title for the section;
2. **`Submit`** - setting allows you to select a label for the Submit button;
3. **`Submit aria label`** - setting allows you to select a aria label for the Submit button;
4. **`Cancel`** - setting allows you to select a label for the Cancel button;
5. **`Cancel aria label`** - setting allows you to select a aria label for the Cancel button;
6. **`Subtext`** - setting allows you to select a subtext for the section;
7. **`Success`** - setting allows you to select a success message after submit.

You can customize the text content in the Account section of Accounts (classic).

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/OmmnYOuOT1KoRNQ5LwC3/register-theme-content-4.jpg" alt=""><figcaption></figcaption></figure>

1. **`Show password`** - setting allows you to select a aria label for the show password button.

You can customize the text content in the Accessibility section of General

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/JrudK7ZJgCeoCOZCVirs/register-theme-content-3.jpg" alt=""><figcaption></figcaption></figure>

1. **`Error`** - setting allows you to select a title for the error;
2. **`From error title`** - setting allows you to select the from error title;