Create custom 404 Error page in CodeIgniter 3

CodeIgniter displays a simple 404 error page whenever the user navigates to a broken link.

You can easily customize it and make it more user-friendly for the user.

In this tutorial, I show how you can create a custom 404 error page in CodeIgniter 3.

Create custom 404 Error page in CodeIgniter 3


  1. Route
  2. Controller
  3. View
  4. Output
  5. Conclusion

1. Route

Open application/config/route.php file.

Edit –

$route['404_override'] = 'Custom404';

Here, Custom404 is the name of the controller.

2. Controller

Create a new Custom404.php file in application/controllers/ directory.

In index() method execute $this->output->set_status_header('404'); and load error404 view.

Completed Code

defined('BASEPATH') OR exit('No direct script access allowed');

class Custom404 extends CI_Controller {

  public function __construct() {


    // load base_url

  public function index(){


3. View

Create a error404.php file in application/views/ directory.

Here, I created a simple 404 error page.

Completed Code

<!doctype html>
   <title>404 Page Not Found</title>
     width: 99%;
     height: 100%;
     background-color: mediumturquoise;
     color: white;
     font-family: sans-serif;
   div {
     position: absolute;
     width: 400px;
     height: 300px;
     z-index: 15;
     top: 45%;
     left: 50%;
     margin: -100px 0 0 -200px;
     text-align: center;
     text-align: center;
     font-size: 60px;
     margin-bottom: 10px;
     border-bottom: 1px solid white;
     padding-bottom: 10px;
     margin-bottom: 40px;
     text-decoration: none;
     padding: 10px 25px;
     background-color: ghostwhite;
     color: black;
     margin-top: 20px;
     <h2>Page not found</h2>
     <a href='<?= base_url(); ?>' >Back to Homepage</a>

4. Output

404 Error page looks like this.

Custom 404 error page in CodeIgniter 3

5. Conclusion

You need to create a controller from where load custom 404 view page. Assign Controller name to $route['404_override'] in route.php.

If you found this tutorial helpful then don't forget to share.

7 thoughts on “Create custom 404 Error page in CodeIgniter 3”

Leave a Comment