# Custom background image

### 4. How to change the header background image

Follow the below steps to change the header background image for box layout, extended layout, product layout and simple layout.

#### Step-1:

![](https://460755057-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl1d49lBAg3jv6axyszMB%2Fuploads%2FNXuEXvI1abOlEYVvgE5R%2Fcustom.png?alt=media\&token=94ec000b-38e4-4744-a0d4-cde7c8e6792b)

#### Step-2:

![](https://460755057-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl1d49lBAg3jv6axyszMB%2Fuploads%2FUDFgp1aqiC6WjlRvrVP1%2Fcustom01.png?alt=media\&token=d096f091-8649-4cad-af01-1f8b45acedf2)

#### Step-3:

![](https://460755057-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl1d49lBAg3jv6axyszMB%2Fuploads%2Fx9KtROB2wD10hUsHVbXI%2Fcustom02.png?alt=media\&token=b1adc807-2406-4020-a742-803376323d4e)

#### Step-4:

![](https://460755057-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl1d49lBAg3jv6axyszMB%2Fuploads%2FV8SvRKIMD2lZVpirTnx8%2Fcustom03.png?alt=media\&token=2c95add7-2dee-4994-bcf3-97ff1c9102ae)