How to Make a Custom Password Page

Did you password-protect your website and now want to customize its look and feel?

You can do that with Tiiny Host! In this guide, we will show you how.

We have also attached a video at the end of the article, if you prefer watching over reading.

Step 1: Click on 'Customize password page'

Hover over the 3 dots on the right-hand side of your project's view on the Tiiny Host dashboard.
This will open up the 'More' popup.
On the popup, click on 'Customize Password page'.

This will send you to the editor view for your password page.

Step 2: Edit the elements on your password page

Once you are on the password page editor, you can hover over the individual elements.
Clicking on an element will allow you to customize it.

For example, in the below image, we are hovering over the lock icon. Clicking on it will allow us to select a different image for it.

The elements you can edit include:
- The right-hand side image (blue by default)
- The lock icon on the password capture element
- The text within the password capture element
- The placeholder text on the password input
- The submit button text

Step 3: Click on Publish to save your changes

Once you are done editing, click on the 'Publish' button on the top right of the page.
This will save all your changes and update your password page.

You can also click on the 'Discard' button which will ignore all your changes and revert back to the previous version of your password page.
,

Updated on: 10/03/2025