404 Page

This section allows you to customize the appearance of your 404 Not Found error page—keeping the style consistent with your store while offering a user-friendly fallback when a page doesn't exist.

---

Background Settings

You can choose between a solid background or a gradient. Toggle the gradient option on to enable additional customization.

• Background Color: #FFFFFF The fallback solid background color used when the gradient is disabled.

Enable Background Gradient (Toggle)

If enabled, the following options become active:

• Gradient Color 1: #F3F3F3

• Gradient Color 2: #B8B8B8

• Gradient Color 3: #3B3B3B

• Gradient Degree: 135° Defines the direction of the gradient transition.

Use the gradient to create a more engaging or branded visual experience on your 404 page.

---

Text Styling

Customize the text appearance to better match your brand tone or visual style.

• Heading Text Color: #303030 The color of the main 404 error heading.

• Subheading Text Color: #585858 The color of the supporting message or description.

• SVG Icon Color: #FF1B1B Sets the color of the 404 page icon or alert symbol (if used).

---

Typography Settings

Adjust the size of headings and subheadings across desktop and mobile devices.

• Heading Font Size:

  • Desktop: 64px

  • Mobile: 42px

• Subheading Font Size:

  • Desktop: 20px

  • Mobile: 15px

These settings ensure your 404 page content remains legible and balanced across all devices.

---

Use Case

Use the 404 page settings to:

• Maintain a consistent visual design across all areas of your site.

• Display a clean, branded fallback message when a user lands on a broken or deleted URL.

• Optionally style with gradients and bold SVG icons to draw attention or direct users back to the homepage.