---
description: Use settings from the current template to customize the page.
---

# 404 page

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

## 404

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 respectively).

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

If you need to set up the color of the main text "Error 404", use the **"Heading color"** picker. Here you can paste the hex code to the related field or choose the color using the paint pallet. The color settings will be used for both desktop and mobile.

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

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%2F6rzWPZmpY9ASCOoPyQql%2F404%20page_mobile.png?alt=media&#x26;token=d9c1fb44-b5e5-41b0-be8e-8b654c08fdb5" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}
