404 page options

Create stylish 404 page for your customers

404 page options

Native theme functionality allows you to customize 404 page for your site according to your needs. Check the options available below.

You may check the 404 page example following this link.


  • 404 page variants – select the style for the 404 page on your site. Default and with widgets inside variants are available. If you select with widgets inside, you can add the desired widgets for your 404 page in Appearance Widgets404 page column 1404 page column 2404 page column 3 and 404 page column 4 sections.
  • Page width – set the content width for 404 page. Boxed and full width variants are available for you.
  • Background image for number “404” – allows you to add the background image under the 404 number on the page.
  • Page background color – select the background color for the 404 page on your site.
  • Dark background – switch it to Enable if dark background color was set for 404 page. The text color will be changed to make the text more readable.
div#stuning-header .dfd-stuning-header-bg-container {background-image: url(https://nativewptheme.net/support/wp-content/uploads/2017/01/hands1.jpg);background-size: cover;background-position: center center;background-attachment: initial;background-repeat: no-repeat;}#stuning-header div.page-title-inner {min-height: 550px;}#main-content .dfd-content-wrap {margin: 0px;} #main-content .dfd-content-wrap > article {padding: 0px;}@media only screen and (min-width: 1101px) {#layout.dfd-portfolio-loop > .row.full-width > .blog-section.no-sidebars,#layout.dfd-gallery-loop > .row.full-width > .blog-section.no-sidebars {padding: 0 0px;}#layout.dfd-portfolio-loop > .row.full-width > .blog-section.no-sidebars > #main-content > .dfd-content-wrap:first-child,#layout.dfd-gallery-loop > .row.full-width > .blog-section.no-sidebars > #main-content > .dfd-content-wrap:first-child {border-top: 0px solid transparent; border-bottom: 0px solid transparent;}#layout.dfd-portfolio-loop > .row.full-width #right-sidebar,#layout.dfd-gallery-loop > .row.full-width #right-sidebar {padding-top: 0px;padding-bottom: 0px;}#layout.dfd-portfolio-loop > .row.full-width > .blog-section.no-sidebars .sort-panel,#layout.dfd-gallery-loop > .row.full-width > .blog-section.no-sidebars .sort-panel {margin-left: -0px;margin-right: -0px;}}#layout .dfd-content-wrap.layout-side-image,#layout > .row.full-width .dfd-content-wrap.layout-side-image {margin-left: 0;margin-right: 0;}