All sections

404 Not Found

Utility7 styles20 settings

What this section does

Customizable 404 page with multiple layouts

Where it goes

  • Can be used at most 1 time(s) on one page.
  • This section is in every plan — no extra plugin needed.

Styles

Different looks for the same section. You can change the style later; your content stays as it is.

The first 2 styles of every section are open on every store. The rest unlock with the Page Editor plugin — all at once, not style by style.

  • Centered

    Freecentered

    Large gradient 404 with centered content and action buttons

    Specific to this style: subtitle, title, description, showStatusCode, primaryButtonText, primaryButtonHref, secondaryButtonText, secondaryButtonHref

  • Illustration

    Freeillustration

    Split layout with text on left and custom image on right

    Specific to this style: subtitle, title, description, showStatusCode, primaryButtonText, primaryButtonHref, secondaryButtonText, secondaryButtonHref, image

  • Minimal

    Page Editorminimal

    Ultra-minimal text-only layout with a bare link

    Specific to this style: subtitle, title, description, showStatusCode, primaryButtonText, primaryButtonHref

  • Dark

    Page Editordark

    Dark background with glowing gradient 404 number

    Specific to this style: subtitle, title, description, showStatusCode, primaryButtonText, primaryButtonHref, secondaryButtonText, secondaryButtonHref

  • Split

    Page Editorsplit

    Bold split layout: solid color panel on left with ghost number, clean content on right

    Specific to this style: subtitle, title, description, showStatusCode, primaryButtonText, primaryButtonHref, secondaryButtonText, secondaryButtonHref

  • Retro Terminal

    Page Editorretro

    Terminal / command-line aesthetic with dark background and green glowing text

    Specific to this style: subtitle, title, description, showStatusCode, primaryButtonText, primaryButtonHref, secondaryButtonText, secondaryButtonHref

Settings

The fields you see in the Section Settings panel on the right when this section is selected.

Shared by every style

  • bg
  • contentMaxWidth
  • sectionMaxWidth
  • horizontalPadding
  • verticalPadding
  • verticalAlignment
  • horizontalAlignment
  • horizontalMargin
  • verticalMargin
  • spacingOverrides
  • animationType
  • animationDuration
  • animationDelay
  • animationEasing
  • animationStagger
  • animationRepeat
  • animationParallax
  • imageParallax
  • animationScrollEffect
  • height

This page is generated straight from the product's own section definitions, so a newly shipped section appears here too.

Live Instantly — Launch Your Website Today

Launch your website today.

Start for free. No credit card required. Blog, store, restaurant page, or portfolio — your site is ready in minutes.

No credit card required