# Template Overriding

Template overriding is a standard feature that comes with Joomla. It's sole purpose is to allow you to customize your layouts without modifying the files and contents of the components or modules that you install on your Joomla site. 

NorrCompetition is following the standard approach.

### Creating layout overrides

#### Preparing a template override

Let’s assume that the name of your template is `mytemplate`. First of all you need to create a template override.

Create a general override folder called `html` in the following path:\
`/templates/mytemplate/html/`

Create NorrCompetiton override folder called `com_competition` in the following path:\
`/templates/mytemplate/html/layouts/com_competition/`

This will contain override layouts for NorrCompetition layouts.

#### Overriding default layouts

Create an override folder in the following path:\
`/templates/mytemplate/html/layouts/com_competition/default/`

If you need to create a layout override for\
`/components/com_competition/layouts/default/partials/contest/items.php`

then you will need to copy that file to the following path:\
`/templates/mytemplate/html/layouts/com_competition/default/partials/contest/items.php`

The same applies to any PHP file inside the `layouts/default` folder you want to override.

### Creating CSS/JS overrides

Assets of the component are located in the `/media/com_competition/` folder.

For example, if you want to override a `cropper.min.css` located in the `/media/com_competition/css/` then you will need to copy it into the following path:\
`/templates/mytemplate/css/com_competition/cropper.min.css`

or if your template supports child template, then to

`/media/templates/site/mytemplate/css/com_competition/cropper.min.css`

The same approach applies to JavaScript files override. The only difference is that they are stored under `js` folder.