EasyDiscuss 4.0.19

Customizations

Customize your EasyBlog site! Edit it and build a unique Joomla blogging site. Get creative!

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 core files and contents of the components or modules that you've installed on your Joomla! Site.

All theme files are by default inheriting from default theme(Wireframe). Which means, if you're using the ElegantBlue theme, it will inherit files that are not overriden from the Wireframe theme.

Please read our Support Policies before requesting assistance for customization.

The Benefit

There are tones of benefits if you performed template overriding rather than modifying the core files. Some of it includes:

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

Create template overriding folder for EasyBlog and creating php file overrides

Before you begin creating template overriding, you will first need to create your template overriding folder. In this scenario, assuming that your template's name is /mytemplate/ and you want to create an override for author.php, you will need to create a folder that looks something like below:

JoomlaFolder/templates/mytemplate/html/com_easyblog/blogs/entry/author.php

The folder /mytemplate/ above would contain all components and module overrides. Once you have created the folder above, you will need to copy the existing file over the folder that you have created earlier.

Template CSS Overrides

Creating template CSS overrides in EasyBlog is almost identical like the prior method. To begin, you'll need to create a file custom.css in this directory JoomlaFolder/templates/(mytemplate)/css/custom.css.

Assuming you would like to customize Latest Blog Module, you can add this CSS overrides in the custom.css file.

div#fd.mod_easybloglatestblogs .eb-rating {
    display: none !important;
}

Here is another CSS example. Assuming you would like to float the blog image to the right and minimize the width to 50%.

div#fd.eb-view-entry .eb-post-image{
    float: right !important;
    width: 50% !important;
}

Here is another CSS example. Assuming you would like to hide the title for each blog post, you can simply put this css in the custom.css file.

div#fd.eb .eb-entry-head .eb-entry-title{
    display: none !important;
}

EasyBlog Styles CSS Overrides

Creating EasyBlog CSS overrides is almost identical to the prior method. To begin, you'll need to create a file custom.css in this directory, JoomlaFolder/templates/(mytemplate)/html/com_easyblog/styles/custom.css.

Ordering

All files placed within the folder above will have the highest ordering. EasyBlog will prioritize this files first before fallback to the default theme files located within the component.

By default, other themes will inherit theme files from the wireframe theme if the files doesn't exist in the respective theme folder. If you are customizing a theme that requires changes to the HTML elements, you need to copy the theme file from /components/com_easyblog/themes/wireframe/ into your template folder accordingly.

This CSS overrides will not be overriden by EasyBlog upgrades. However, it is a best practice to backup your entire site before proceeding with upgrades so that if anything went south, you will be able to revive your site back.