> For the complete documentation index, see [llms.txt](https://mpithemes.gitbook.io/unicorn-shopify-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://mpithemes.gitbook.io/unicorn-shopify-theme/page-categories/password.md).

# Password

{% hint style="success" %}
**Tip:** To edit the page, navigate to the **Password** template from the top drop-down menu.
{% endhint %}

This page includes sections to customize content in the Header, Footer, and page body. Use the "[Password header](/unicorn-shopify-theme/page-categories/password.md#password-header)", "[<mark style="color:blue;">Password page content</mark>](#password-page-content)", and "[<mark style="color:blue;">Password footer</mark>](#password-footer)" sections to apply the needed settings to the page.

***

## **Password header**

Displays the header on your store's password page.&#x20;

**Layout**\
Change the logo position from the left side (which is used as "Default") to "Center" by selecting the appropriate option.

Use the blocks to customize the branding and information shown to visitors when your storefront is password-protected. The section supports the following blocks:

* **Logo**. Displays your store logo on the password page. Learn how to set up the Logo [<mark style="color:blue;">here</mark>](/unicorn-shopify-theme/section-groups/header/header/logo.md).
* **Message**. Displays a custom message or announcement for visitors.
* **Password modal**. Displays a button that opens a password entry drawer, allowing authorized visitors to access the storefront.

<figure><img src="/files/D32PRZ9MC6ivxTealkdg" alt=""><figcaption></figcaption></figure>

***

## Password page content

{% hint style="success" %}
Provides additional blocks: **"Button"**, **"Description"**, and **"Heading"**.\
**Tip:** Press **"Add block"** to use the desired block.
{% endhint %}

#### **Media**

**Image**\
Press **"Select"** to upload the necessary animation for all screen sizes.&#x20;

**Image ratio**\
Select an option from the drop-down to adapt the media to the desired size. If an option includes additional settings, they will appear underneath the drop-down after selecting an option:

* **"Adapt to image"**. Displays an image in its original aspect ratio.
* **"Landscape"**. Displays an image horizontally while preserving its original landscape proportions, allowing for more flexibility when image dimensions vary.
* **"16/9"**. Displays images in a widescreen format, making it ideal for banners, featured content, and landscape photography.
* **"Proportion"**. Select the option to adjust a media height as a percentage using the **"Proportion"** scale. The parameters can be changed from 10% to 210%\*.

\*The "Proportion" option is applied to mobile by default.

**"Proportion"** indicators:\
\* 100% = Square image\
\* Less than 100% = Landscape\
\* More than 100% = Portrait\
\* 16:9 = 56, 4:3 = 75, 3:2 = 67, 2:1 = 50, 1:1 = 100, 9:16 = 175, 3:4 = 133, 2:3 = 150, 1:2 = 200.

#### Layout options

**Dividing line**\
Add a divider by setting its position: "Top", "Bottom", or "Both". Select "None" to hide the divider.

**Top spacing /** **Bottom spacing**\
Decide whether to add spaces at the top and bottom of the section. Control spacing settings from 0 to 100 pixels on each scale.

<figure><img src="/files/58VYiLVFMtVKisxlli0S" alt=""><figcaption></figcaption></figure>

***

## **Password footer**

{% hint style="success" %}
Includes additional blocks: **"Footer content"** and **"Social links"**.
{% endhint %}

**Layout**\
Set text and social icons to display on the sides or centered.

<figure><img src="/files/a8tK6DZH5TazjMJy16h1" alt=""><figcaption></figcaption></figure>

### Footer content

{% hint style="success" %}
**Tip:** The Password page text can be changed in your *Shopify admin -> Edit default theme content -> Theme content*.
{% endhint %}

* Press the dotted \[...] button in the top right corner of the settings panel to navigate to Theme content:

<figure><img src="/files/ZnVtjEuXeAhgI6RJ519B" alt=""><figcaption></figcaption></figure>

* Then, choose the tab **"General"** and edit the corresponding fields from the **"Password page"** block:

<figure><img src="/files/lfJf6RSixnnGxn9zOcTJ" alt=""><figcaption></figcaption></figure>

***

### Social links

To display social icons, add links in *Theme settings -> Social media*. Review this [<mark style="color:blue;">help page</mark>](/unicorn-shopify-theme/theme-settings/social-media.md) for details.