Stackideas

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.

Important All theme files are by default inheriting from the default theme. Which means, if you are using the elegantblue theme, it will inherit files that are not overriden from the default theme.

The benefits

There are tons of benefits if you perform template overriding rather than modifying the files. Some of it includes:

• Hassle free upgrades.
• More control over theme files.

Create your template override folder

Before you begin creating template overrides, you will first need to create your template override folder. In this scenario, assuming that your template's name is mytemplate, you will need to create a folder that looks something like below:

The folder above would contain all component and module overrides.

Create your EasyBlog override folder

To create EasyBlog's template override folder, you will need to create a folder called com_easyblog in the following path:

Creating css overrides

Creating css file overrides in EasyBlog is almost identical like the prior method. The only differences is that, there's 2 different folder for your css files. Take these 2 scenario below for an example:

• You would want to create a css override for the common.css file which is located in /components/com_easyblog/assets/css/common.css , you will need to create the folder below,

  /templates/mytemplate/html/com_easyblog/assets/css/

  Create your own common.css file in the folder above or copy the existing common.css file into the folder above.

• You would want to create a css override for the theme's css file which is located in /components/com_easyblog/themes/default/css/styles.css , you will need to create the folder below,

  /templates/mytemplate/html/com_easyblog/css/

  Create your own styles.css file in the folder above or copy the existing styles.css file into the folder above.

Creating php file overrides

Once you have created the folder above, you will need to copy the existing file over into the folder that you created earlier. For instance, if you need to create a file override for /components/com_easyblog/themes/default/blog.latest.php , you will need to copy the file to the following directory:

Ordering

All files placed within the folder above will have the highest ordering in which, EasyBlog will scan for these files first before proceeding to fallback to the theme files located within the component.