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

# How to customize your password page

You can customize the text, colors, and layout from the same lock settings.

1. In Shopify Admin, go to **Apps → LockPro**.<br>

   <figure><img src="https://185022308-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqfzIU1h6B4Xsg5FFsjxj%2Fuploads%2FDyopwk0POzwRqCjtTtak%2Fimage.png?alt=media&amp;token=866bce6e-fc79-4537-8d8b-61bf9a24db04" alt=""><figcaption></figcaption></figure>
2. Open **Locks**, then open the lock you want to edit.<br>

   <figure><img src="https://185022308-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqfzIU1h6B4Xsg5FFsjxj%2Fuploads%2F8eZeDL7o9bRFgQOg7aNd%2Fimage.png?alt=media&amp;token=f2e6b829-6ea8-4ec8-bb10-3ccc6755313c" alt=""><figcaption></figcaption></figure>
3. Scroll down to see the customization options. (Follow this video if you don't see "I will do it myself" button. <https://www.loom.com/share/80838d9cb26a4ddabdeb6ff003bcc375><br>

   <figure><img src="https://185022308-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqfzIU1h6B4Xsg5FFsjxj%2Fuploads%2FetTOgwRh9o9jZytJ7F1y%2Fimage.png?alt=media&amp;token=bad648b5-1c4e-4d59-88ab-6da0fc34ff40" alt=""><figcaption></figcaption></figure>
4. Click **I’ll do it myself**.

<figure><img src="https://185022308-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqfzIU1h6B4Xsg5FFsjxj%2Fuploads%2FHUTW2AmhNQMX1LRqBy9N%2Fimage.png?alt=media&amp;token=d848c9f1-45c9-41af-927d-28e7d76c4ea8" alt=""><figcaption></figcaption></figure>

5. In **Custom Styles**, add your CSS or click on Chat with us and we will prepare free CSS for you :)

<figure><img src="https://185022308-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqfzIU1h6B4Xsg5FFsjxj%2Fuploads%2FgQwY65PtWmnSp9R1UQXP%2Fimage.png?alt=media&amp;token=a2e7d7ab-6516-4aa4-a497-5bb8b9c9790f" alt=""><figcaption></figcaption></figure>

6. Click **Save**.<br>

   <figure><img src="https://185022308-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqfzIU1h6B4Xsg5FFsjxj%2Fuploads%2FlTbWoZWp5rt6XgdwpP1w%2Fimage.png?alt=media&amp;token=c4d525fc-40a2-4931-9f27-1eedfbea683f" alt=""><figcaption></figcaption></figure>
7. Refresh your storefront page to see the changes.

{% hint style="warning" %}
Only change **Custom Stylesheet** and **Custom Script** if you know what you’re doing. If you’re unsure, reach out to our chat support and we’ll prepare it for you.
{% endhint %}