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

# Password Page

By default, password page have a **Main password** section.

The **Main password** section contains the following default blocks:

* [Logo](#logo-block)
* [Heading](#heading-block)
* [Subheading](#subheading-block)
* [Email signup form](#email-signup-form)
* [Social media icons](#social-media-icons)

## Section settings

<table><thead><tr><th width="264">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Color schema</td><td>A set of colors that you can apply to this section. <a href="https://help.shopify.com/en/manual/online-store/themes/theme-structure/color-scheme">Learn more.</a></td></tr><tr><td>Desktop image placement</td><td><p>Choose whether the image or the text appears first. Image first is default for mobile layouts:</p><ul><li><strong>Image first</strong></li><li><strong>Image second</strong></li></ul><p>(<em>Image first is the default mobile layout</em>)</p></td></tr><tr><td>Desktop content position</td><td><p>Determine position of the content on desktop:</p><ul><li><strong>Top</strong></li><li><strong>Middle</strong></li><li><strong>Bottom</strong></li></ul></td></tr><tr><td>Desktop content alignment</td><td><p>Determine the content alignment on desktop:</p><ul><li><strong>Left</strong></li><li><strong>Center</strong></li><li><strong>Right</strong></li></ul></td></tr><tr><td>Mobile content alignment</td><td><p>Determine the content alignment on mobile:</p><ul><li><strong>Left</strong></li><li><strong>Center</strong></li><li><strong>Right</strong></li></ul></td></tr></tbody></table>

## Image settings

<table><thead><tr><th width="251">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Upload a image</td><td>Upload a image.</td></tr><tr><td>Image behavior</td><td><p>Determine the behavior of the image:</p><ul><li><strong>None</strong></li><li><strong>Ambient movement</strong></li></ul></td></tr></tbody></table>

## Block settings

### Logo block

This block displays the logo.

#### Default logo

<table><thead><tr><th width="293">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Use default logo</td><td>Use default logo that was added in theme settings.</td></tr></tbody></table>

#### Custom logo

<table><thead><tr><th width="293">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Alternative logo</td><td>Upload a image to display alternative logo.</td></tr><tr><td>SVG</td><td>Upload a SVG icon to display alternative logo.<br>(<em>This will override default logo settings</em>)</td></tr></tbody></table>

#### Block padding settings

<table><thead><tr><th width="208">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Top padding</td><td>Determine the height of the top inner space of the block. Can be from 0px to 50px, increasing arithmetically of 1px (pixel).</td></tr><tr><td>Bottom padding</td><td>Determine the height of the bottom inner space of the block. Can be from 0px to 50px, increasing arithmetically of 1px (pixel).</td></tr></tbody></table>

### Heading block

This block displays text as a heading.

<table><thead><tr><th width="208">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Heading</td><td>Add text to display as a heading.</td></tr><tr><td>Heading size</td><td><p>Changes the size of the heading:</p><ul><li><strong>Small</strong></li><li><strong>Medium</strong></li><li><strong>Large</strong></li></ul></td></tr></tbody></table>

#### Block padding settings

<table><thead><tr><th width="208">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Top padding</td><td>Determine the height of the top inner space of the block. Can be from 0px to 50px, increasing arithmetically of 1px (pixel).</td></tr><tr><td>Bottom padding</td><td>Determine the height of the bottom inner space of the block. Can be from 0px to 50px, increasing arithmetically of 1px (pixel).</td></tr></tbody></table>

### Subheading block

This block displays text as a subheading.

<table><thead><tr><th width="208">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Text</td><td>Add text to display as a subheading.</td></tr></tbody></table>

#### Block padding settings

<table><thead><tr><th width="208">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Top padding</td><td>Determine the height of the top inner space of the block. Can be from 0px to 50px, increasing arithmetically of 1px (pixel).</td></tr><tr><td>Bottom padding</td><td>Determine the height of the bottom inner space of the block. Can be from 0px to 50px, increasing arithmetically of 1px (pixel).</td></tr></tbody></table>

### Email signup form

This block displays a email signup form.

#### Block padding settings

<table><thead><tr><th width="208">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Top padding</td><td>Determine the height of the top inner space of the block. Can be from 0px to 50px, increasing arithmetically of 1px (pixel).</td></tr><tr><td>Bottom padding</td><td>Determine the height of the bottom inner space of the block. Can be from 0px to 50px, increasing arithmetically of 1px (pixel).</td></tr></tbody></table>

### Social media icons

This block displays social media icons.

#### Block padding settings

<table><thead><tr><th width="208">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Top padding</td><td>Determine the height of the top inner space of the block. Can be from 0px to 50px, increasing arithmetically of 1px (pixel).</td></tr><tr><td>Bottom padding</td><td>Determine the height of the bottom inner space of the block. Can be from 0px to 50px, increasing arithmetically of 1px (pixel).</td></tr></tbody></table>