# 404 page

{% hint style="success" %}
**Tip:** To edit the page, navigate to the **404 page** template from the top drop-down menu.
{% endhint %}

### Media

**Image**

Press **"Select"** to upload the background image for the desktop. The image will be displayed as a banner on mobile view. The recommended image ratio is two-to-one (width-to-height).

### Heading

The font size of the main text "Error 404" can be changed to "Small", "Medium", or "Large" in the **"Size"** drop-down.

If you need to set up the color of the main text "Error 404", use the **"Color"** picker. Here you can paste the hex code into the corresponding field or pick the color using the paint palette. The color settings will be applied to both desktop and mobile.

### Description

The color of the description can be set in the **"Color"** picker. The color you apply to the item will be used for both desktop and mobile.

### Button

Use the **"Style"** drop-down to change the button's appearance in the sections. The theme includes six styles that can work out in your store: "Primary", "Secondary", or "Link style". View each button style on the following [<mark style="color:blue;">help page</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections#buttons).

Use the **"Color"** picker to set the desired color for the button. The color will be applied to the text, background, or border of the call-to-action button, depending on the "Style" previously selected in the section.

Check the following examples of how the section might display on desktop and mobile:

{% tabs %}
{% tab title="Desktop" %}

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FrabfLcKPoovQbsLrrsuf%2F404%20page_desktop.png?alt=media&#x26;token=e8e0aadd-1f1b-4aa6-a4fd-51b4f9450994" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Mobile" %}

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FQdUVOyuzrU6ceoUnR24R%2F404%20page_mobile.png?alt=media&#x26;token=51242c1d-9303-4f77-b006-a92cd8e72d6d" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}