Not found settings

The main section of the 404 page, shown when a customer opens an address that does not exist. It shows a heading, a description and an optional button over an optional image or video. The section has no blocks: all settings are in the section panel.

Section settings

Setting	Description
Color scheme	Color scheme applied to the section. Schemes are managed in Theme settings → Colors; use Edit scheme to jump there. Default: Scheme 1.

Setting	Description
Show banner media	Shows an image or a video behind the text. The settings below appear only when this is on. Default: Off.
Media type	Whether the banner shows an Image or a Video. Default: Image.
Image	Image shown behind the text. Available only for the Image media type.
Image mobile	Optional image for mobile. If not selected, the desktop image is used. Available only for the Image media type.
Video	Video shown behind the text. Available only for the Video media type.
Media overlay opacity	Darkens the media so the text stays readable. Available when an image or video is selected. Range: 0–80 %, step 5. Default: 0 %.

Heading

Setting	Description
Custom heading	Your own heading. Supports inline formatting. Leave blank to use the default heading, “404”.
Preset	Typography preset: Hero, H1–H6, Subheading, Caption, Large text, Paragraph or Small text. Presets are edited in Theme settings → Typography. Default: Hero.
Icon	Decorative icon before the heading: None, Dot, Square or Triangle. Available only with the Subheading preset. Default: Triangle.
Icon color	Color of the icon: Heading, Text, Accent or Custom. Available only with the Subheading preset and an icon selected. Default: Custom.
Icon custom	Custom icon color. Available only when Icon color is Custom. Default: #2B62C8.
Icon custom dark mode	Custom icon color used in dark mode. Available only when Icon color is Custom and dark mode is enabled in Theme settings. Default: #2B62C8.
Font	Font family: Heading large, Heading small, Body or Accent. Default: Heading large.
Color	Text color: Heading, Text or Accent. Default: Heading.
Text style	Letter case: Normal, Uppercase or Lowercase. Default: Uppercase.
Bottom space	Space below the heading on desktop. Range: 0–60 px. Default: 24 px.
Bottom space mobile	Space below the heading on mobile. Range: 0–40 px. Default: 16 px.

Description

Setting	Description
Custom description	Your own description. Supports rich text formatting. Leave blank to use the default description, “Page not found.”.
Preset	Typography preset: Default, Hero, H1–H6, Subheading, Caption, Large text, Paragraph or Small text. Default: Default.
Font	Font family: Heading large, Heading small, Body or Accent. Not available with the Default preset. Default: Accent.
Color	Text color: Heading, Text or Accent. Not available with the Default preset. Default: Text.
Text style	Letter case: Normal, Uppercase or Lowercase. Not available with the Default preset. Default: Uppercase.
Description bottom space	Space below the description on desktop. Available only when the button is shown. Range: 0–60 px. Default: 24 px.
Description bottom space mobile	The same space on mobile. Available only when the button is shown. Range: 0–40 px. Default: 16 px.

Button

Setting	Description
Show button	Shows a button under the description. The settings below appear only when this is on. Default: Off.
Custom button label	Your own button text. If left empty, the default label “Back to shopping” is used.
Custom button link	Page the button leads to. If left empty, the button leads to the page with all products.
Button style	Primary, Secondary, Outline or Inline. Button styles are edited in Theme settings → Buttons. Default: Primary.
Button icon	Icon next to the label: None, Dot, Square, Triangle, Arrow, Caret or Carets. Default: Dot.
Button icon position	Places the icon to the left or right of the label. Available only when an icon is selected. Default: Right.

Padding

Setting	Description
Top	Space above the content on desktop. Range: 0–200 px, step 2. Default: 120 px.
Bottom	Space below the content on desktop. Range: 0–200 px, step 2. Default: 120 px.
Top mobile	Space above the content on mobile. Range: 0–120 px, step 2. Default: 60 px.
Bottom mobile	Space below the content on mobile. Range: 0–120 px, step 2. Default: 60 px.

Custom CSS

The Custom CSS field at the bottom of the section panel is a standard Shopify setting. CSS entered there applies to this section only.