4o4 page
Overview
The 404 error page section. Block-composed content with no section-level heading or copy — all messaging is placed via blocks. Defaults to Scheme 3. Blocks include a large display number, heading, description, and a back-to-home button.
Layout Settings
| Setting |
Description |
| Container Layout |
Page Width, Contained Content, or Container Fluid. Default: Contained Content. |
| Border Style |
None, Top, Bottom, or Top & Bottom. Default: None. Visible when container is not Page Width. |
| Container Size |
Max container width as a percentage of page width. Range: 50–100%, default 100%. |
| Desktop Text Alignment |
Content alignment on desktop. Default: Center. |
| Mobile Text Alignment |
Content alignment on mobile. Default: Center. |
| Color Scheme |
Shopify color scheme applied to the section. Default: Scheme 3. |
Inner Spacing
| Setting |
Description |
| Desktop Top Padding |
Default 60 px. |
| Desktop Bottom Padding |
Default 60 px. |
| Desktop Left Padding |
Default 75 px. |
| Desktop Right Padding |
Default 75 px. |
| Mobile Top Padding |
Default 35 px. |
| Mobile Bottom Padding |
Default 35 px. |
| Mobile Left Padding |
Default 15 px. |
| Mobile Right Padding |
Default 15 px. |
Outer Spacing
| Setting |
Description |
| Desktop Top Spacing |
Default 0 px. |
| Desktop Bottom Spacing |
Default 0 px. |
| Desktop Left Spacing |
Default 0 px. |
| Desktop Right Spacing |
Default 0 px. |
| Mobile Top Spacing |
Default 0 px. |
| Mobile Bottom Spacing |
Default 0 px. |
| Mobile Left Spacing |
Default 0 px. |
| Mobile Right Spacing |
Default 0 px. |
Blocks
Tagline
| Setting |
Description |
| Text |
Tagline text. Default: "Add a tagline". |
| Text Size |
Large, Medium, or Small. Default: Medium. |
| Text Weight |
Thin (100) to Black (900). Default: Normal (400). |
| Text Case |
None, Uppercase, Capitalize, or Lowercase. Default: Capitalize. |
| Text Font Family |
Default or Heading font. |
| Text Color Style |
Default, Heading, or Body color preset. |
Bottom Margin: Desktop 6 px, Mobile 6 px.
Heading
| Setting |
Description |
| Heading |
Heading text. Supports inline rich text. Default: "Add a heading". |
| Heading Size |
H1–H6 or Large, Medium, Small. Default: H2. |
| Heading Weight |
Thin (100) to Black (900). Default: Bold (700). |
| Heading Case |
None, Uppercase, Capitalize, or Lowercase. Default: Uppercase. |
| Heading Tag |
Semantic HTML heading level (H1–H6). Default: H2. |
| Heading Font Family |
Default or Body font. |
| Heading Color Style |
Default or Body color preset. |
| Heading Link Style |
Default or Link style when heading contains a hyperlink. |
Bottom Margin: Desktop 80 px, Mobile 15 px.
Display
Large typographic display element, typically used for the error code itself.
| Setting |
Description |
| Heading |
Display text. Default: "404". |
| Heading Weight |
Thin (100) to Black (900). Default: Bold (700). |
| Heading Case |
None, Uppercase, Capitalize, or Lowercase. Default: Uppercase. |
| Heading Tag |
Semantic HTML heading level (H1–H6). Default: H1. |
| Heading Font Family |
Default or Body font. Default: Body. |
| Heading Color Style |
Default or Body color preset. |
Bottom Margin: Desktop 80 px, Mobile 15 px.
| Setting |
Description |
| Button Label |
Button text. Default: "Back To Home". |
| Button Type |
Primary, Secondary, Styled, or Link (underlined). Default: Styled. |
| Button Case |
None, Uppercase, Capitalize, or Lowercase. Default: Uppercase. |
| Open in New Tab |
Opens the button link in a new browser tab. Disabled by default. |
Bottom Margin: Desktop 0 px, Mobile 0 px.