Creating Custom Joomla Error pages

Written by Lisa | 03.06.10

EMC23 - Web Development Blog

LeftTo maintain design consistency, I like to style the Error pages to match the rest of the website.

Joomla install includes a folder called system, within the template folder, in which the layout and CSS files for error pages live.

Joomla's error.php handles:

  • 403 Forbidden
  • 404 Not Found
  • 500 Internal Server

In the Global Config, a website can be put offline at any time. When this is the case, offline.php displays the website logo, and a login form.

custom error and offline Joomla pages

To override these pages, the relevant files from templates/system/ should be copied to the current template folder.

  1. error.php
  2. css/error.css
  3. offline.php
  4. css/offline.css

The link to the CSS must change in the php files, to reflect the new location.

<link rel="stylesheet" href="/<?php echo $this->baseurl; ?>/templates/your_template/css/error.css" type="text/css" />

Add your comment

Your name:
Subject:
Comment:
yvComment v.1.20.0

Join Us on Facebook

Facebook Icon

For a more intimate view of EMC23, meet us in our virtual living room

Where Art, Activism, and Technology meet...


Visit Joomla! Developers

Joomla tip of the day

When an admin clicks on a content page it gets locked to prevent others from editing it at the same time.

It becomes unlocked once the admin clicks "Cancel" or "Save".

However, if the admin closes the browser or leaves the page some other way, the file will remain locked until the admin in question returns to the content page and clicks "Save " or "Cancel".

Alternatively:

To unlock a page, logon as SuperAdmin and click System --> Global Checkin (at the end of the menu bar) this will unlock any files.