> For the complete documentation index, see [llms.txt](https://mpithemes.gitbook.io/triumph/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/triumph/pages/password-page/password-header.md).

# Password header

## Password header

**Enable password login**\
Activates the button at the top-right of a page.

**Password login button style**

{% hint style="info" %}
If no colors are set in the corresponding section, the button uses the default styles defined in *Theme settings ->* [*<mark style="color:$primary;">Colors</mark>*](https://mpithemes.gitbook.io/triumph/theme-settings/theme-settings#colors).
{% endhint %}

Choose the button appearance:

* **Primary / Secondary**\
  Uses the default button styles set in the global settings (solid or outline).

<figure><img src="https://4126621502-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkpREZeVZogNLjx09og4O%2Fuploads%2FQG9SB1biQbRAoqMb4I23%2Fpassword%20page_button.png?alt=media&amp;token=6c615d5b-1c0e-4e48-9aa2-23c562a2e20d" alt=""><figcaption></figcaption></figure>

***

*Shared Settings:*

* [<mark style="color:$primary;">Section layout</mark>](/triumph/template/shared-settings/section-layout.md)
* [<mark style="color:$primary;">Section mobile layout</mark>](/triumph/template/shared-settings/section-mobile-layout.md)
* [<mark style="color:$primary;">Divider line</mark>](/triumph/template/shared-settings/divider-line.md)
* [<mark style="color:$primary;">Background</mark>](/triumph/template/shared-settings/section-background.md)
* [<mark style="color:$primary;">Colors</mark>](#colors)
* [<mark style="color:$primary;">Password login button colors</mark>](/triumph/template/shared-blocks/button.md)

*Blocks:*

* [<mark style="color:$primary;">Password popup</mark>](#password-popup)

***

### Password popup

#### Submit button

**Style**

{% hint style="info" %}
If no colors are set in the corresponding section, the button uses the default styles defined in *Theme settings ->* [*<mark style="color:$primary;">Colors</mark>*](https://mpithemes.gitbook.io/triumph/theme-settings/theme-settings#colors).
{% endhint %}

Choose the button appearance:

* **Primary / Secondary**\
  Uses the default button styles set in the global settings (solid or outline).

#### Popup colors

<figure><img src="https://4126621502-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkpREZeVZogNLjx09og4O%2Fuploads%2FxBoUYuNU8rbf7lU7Y9Wb%2Fpassword%20page_popup%20colors.png?alt=media&amp;token=eca3fd85-3fe0-43d6-8877-0bcc8456efe9" alt=""><figcaption></figcaption></figure>

#### Input colors

<figure><img src="https://4126621502-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkpREZeVZogNLjx09og4O%2Fuploads%2FMOfM9ZehndBbJGfjRXzH%2Fpassword%20page_input%20colors.png?alt=media&amp;token=4ad72bd3-50ce-434b-ae08-6b0323234bd2" alt=""><figcaption></figcaption></figure>

#### Button colors

<figure><img src="https://4126621502-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkpREZeVZogNLjx09og4O%2Fuploads%2FppePKCD3NfOgldTJrUmX%2Fpassword%20page_button%20colors.png?alt=media&amp;token=bb8b3051-1c19-48a9-90d1-ffba08e7d499" alt=""><figcaption></figcaption></figure>