Configuring and styling the 404 page

Create your own 404 page dialog and adjust spacing between items, colors and typography for absolutely everything on 404 page sections.

From the dashboard go to Theme Settings » 404 Page.

Heading » Content

Type custom title to inform visitors when nothing is found.

» No results

Heading » Color

You can set the color for the all headings of the 404 page.

» Text Color

Heading » Typography

You can set the color for the all headings of the 404 page.

» Font Type (Google Font or Custom Font)
» Font Family
» Font Style
» Font Size
» Font Weight
» Line Height

Search Term » Color

You can set the color for the search term text of the 404 page.

» Text Color

Search Term » Typography

You can set the color for the search term text of the 404 page.

» Font Type (Google Font or Custom Font)
» Font Family
» Font Style
» Font Size
» Font Weight
» Line Height

Description » Content

Type custom description to inform visitors when there are search results or nothing is found.

» With results
» No results

Description » Color

You can set the color for the all paragraphs of the 404 page.

» Text Color

Description » Typography

You can set the color for the all paragraphs of the 404 page.

» Font Type (Google Font or Custom Font)
» Font Family
» Font Style
» Font Size
» Font Weight
» Line Height

Button » Color

You can set the color and hover color for the all buttons of the 404 page.

» Background Color
» Background Hover Color
» Text Color

Button » Typography

You can set the background color, text color and text hover color for all buttons on the 404 page.

» Font Type (Google Font or Custom Font)
» Font Family
» Font Style
» Font Size
» Font Weight
» Line Height

Field » Color

You can set the color and hover color for the all fields of the 404 page.

» Background Color
» Background Hover Color
» Text Color

Field » Typography

You can set the background color, text color and text hover color for all fields on the 404 page.

» Font Type (Google Font or Custom Font)
» Font Family
» Font Style
» Font Size
» Font Weight
» Line Height

Section » Layout

You can adjust the layout of the 404 page. The set layout will be applied to the section container.

» Max Width
» Vertical Padding

Section » Color

The selected background color will be applied to 404 page.

» Background Color