markdown 将背景图像添加到密码页面

Posted 2021-05-05

**Theme:** 

Brooklyn

**Version(s) successfully tested on:** 

5.0.0

**Recommended design time:** 

5 mins

----

## What you have
[![alt](https://screenshot.click/06-24-u7fda-oheav.jpg)](https://screenshot.click/06-24-u7fda-oheav.jpg)

## What you want
[![alt](https://screenshot.click/06-24-nshcd-pi2zy.jpg)](https://screenshot.click/06-24-nshcd-pi2zy.jpg)

----

## What you do

**Step 1:**

Open **password-content.liquid**

**Step 2:**

Paste this at the very top:
```
{% style %}
.password-page__wrapper {
    background-image: url({{ section.settings.password_background | img_url: '2400x2400' }});
}
{% endstyle %}
```

**Step 3:**

Add this to the schema below the "Opening soon" default message:

```
      {
      "type": "image_picker",
      "id": "password_background",
      "label": "Background image"
      },```

----

**Additional notes:** 

**Alternative keywords:**