Joomla Menu Settings

Manage and organize your menus with additional settings. Menu items can be filtered by the position to which they are assigned.

Menu Settings

The following table shows you all additional menu settings.

Read More

Joomla Layout Settings

The layout settings manage the positioning of different layout parts.

This section makes the arrangement of your content very easy and flexible. You can enable or disable system output, define the layout of the theme’s widget or module positions and select a style you created in the customizer. Additionally you have the possibility to store your modifications in a layout profile and assign it to different pages.


This option enables you to assign a style to your layout. In addition with the customizer and the layout manager this makes styling your pages very flexible.

Read More


Template Customizer

Learn all about managing theme styles and how to add your own.

The Warp customizer simplifies your workflow and allows you to add new styles with no need for any CSS knowledge. It is divided into two sections. The left hand vertical bar indicates the settings for the theme and on the right you can see your selected theme. All modifications within the customizer will instantly be displayed in the preview on the right side.

NOTE To optimize performance, we recommend disabling add-ons, like Firebug in Firefox.

Read More

Joomla Template Configuration

Joomla Template Settings

The general theme section allows you to control the behaviour and the overall appearance of your template.


The style section contains the customizer. Hit the Customizer button to add your own style or to modify an existing style. After the customizer is loaded, you can easily customize colors, fonts, margins and even more settings of the theme. The customizer saves only the modified variables and automatically compiles them into CSS.

Read More

How to update Joomla template

Learn how to update Joomla template without losing your customizations.

If a newer version of your template or Warp framework is available, you will receive a notification in the theme settings. In that case, just visit the Downloads section and download the latest template package.

Update Warp 7

  1. Create a copy of your theme’s /warp folder. That way, you will have a backup in case the update fails.
  2. Download any Warp 7 theme and unzip the package.
  3. Copy the /warp folder from the theme and replace the one in your theme with this one.

NOTE Sometimes a Warp update also requires to update the theme to reflect the changes in Warp accordingly.

Update Joomla Template

The file verification in the theme settings shows all modified and missing files in your theme to help you detect which files you have customized before you start updating. Changes in Warp’s administration area will generate the config.json, which is not shown in the file verification. So be sure to have a backup of that file. To update your theme, do the follow these steps.

  1. First of all, make a backup of all your customized theme files, so you can recover modifications at any time.
  2. Download the latest theme version and extract the package to your Desktop.
  3. Copy all files to /templates/THEME-NAME for Joomla and replace all files.
  4. Recover your modifications by merging your customized files with the new ones.
  5. Open Warp’s administration area and hit Compile LESS.

IMPORTANT We strongly recommend to create a new style for all modifications and make a backup before updating. That way all your changes will be kept when updating your original theme files by replacing them.

How to install a Joomla template on your existing website

Install Joomla Template

This tutorial gives you a brief overview of the general Joomla! and Joomla Template installation process.


Setting up a Joomla Template follows the standard Joomla installation procedure and works like with any other template.

  1. Download Joomla from the Joomla website.
  2. Setup a new Joomla install.
  3. Install and activate your theme.

For more information, take a look at the official Joomla documentation.

Read More

What is “Pro” and why I need to pay for it?

JoomLead Templates are all available on both FREE and PRO versions

Free Edition

Free for download, limited features and support. You can use it for Unlimited Website License, personal or commercial project.

Pro Editions

What you are actually purchasing is a Pro Version. The Pro Version offers significantly more features than the free-for-use version (see Pro Version for details). Each Pro version has its duration and specifics. See our pricing table for details of each plan. Once your order expired, Our template will continue to work indefinitely. However, you will not be able to access our Members Area anymore(Pro standard Edition only) to get updates and support.

Read More

Blog Settings

This area of settings allows you to enable some appearance elements (icons in posts) as much a social comments and social share buttons.

Show Type Post Icon(s)

Each Joomla article can have option to use Post formats it means use addcional illustration icon, which can show about what type of article (post) is that content.




Video Blog

Of course those icons from Post Format settings are based on FontAwesome typography.

Comments Settings

This build-in option adds IntenseDebate Comments system, Facebook comments and / or Disqus Comments to your site. All in one tool. You don’t have to install any addcional plugin anymore to get this feature. Social allows your readers to log in via a preferred social network and add comment under article. All you have to do is choose and set correct Facebook Application ID, IntenseDebate Account or Disqus Username/Subdomain. Sorry, but right now you can use only one selected social comments system or disable it for all content.

Joomla blog comment settings

Social Share buttons

You can also enable Social Share buttons under each article. Current version have improved social share alignment. In future (upcoming) version we will add more social share buttons.

Joomla social blog post

Joomlead Advanced Settings

This section of JoomLead template settings allows you to reduce size of loaded template files. By speeding up template, you offer a better experience for your customers, improve your page speed (and therefore, possibly, your search engine ranking) and make your CMS appear more stable and professional.

Cache template settings

After you will decided that you have finished last works on template customization we suggest you to turn on some Cache options.

Compress CSS

In order to reduce the number of requests from a browser to the server to render a page, and to take advantage of browser caching, this tag also does some advanced processing of the stylesheets. It generates uniquely named css file which are then returned to the browser, and allowed to cache on the browser.

template settings

Note Custom CSS field is not compressed when you’re using this option. It will help you to keep control about small changes.

Compress JavaScript

Also optimize JavaScript is to improve your site performance by compress JS files into one – so that the total size and number of requests will be decreased.

When the optimization option is enabled, the optimized JS file package will be auto generated when a page is viewed in the first time. After enabling this option please check whole website. In some cases it may generate conflicts between this compress option and some third-party extensions, so then leave this one off or use third, following option if you know which file shouldn’t be compressed.

Exclude JavaScript files to be optimized

You may want to exclude some JavaScript files and folders from compression by using this option. To exclude JS files that you don’t want to optimize, just add the file name, if you have many files, please separate them with comma.


Compile less

Compile LESS to CSS option – Helix 3 is developed with LESS system built-in. When customize your site, we suggest you to work with LESS files. All your changes in the LESS files will be compiled into the final CSS files. It will override previus changes

Custom Code Settings

You can easily customize JoomLead Templates built for Joomla 3.4 with your own custom code, for example: CSS, JS, metatags, links and verification code by using the custom fields in that section of settings.


Any code you place here will appear in the head section of every page of your site. This is useful when you need to add verification code, javascript or css links to all pages. Check following example how you can use it.

Custom code

Final result on front-end HTML5 code generated by browser engine. That line you can see on image below was put by Helix3 engine before ending section and before will start, it means it’s fully W3C correctly solution.

Custom meta Joomla

You can use there any kinds of meta tags you want, also the refresh meta tag to redirect a page to a specific destination. Where is the best place to put JavaScript? If you want a script to execute early, before the page is displayed, then the HEAD section is a good place (it means use that field). Putting scripts into HEAD is a common and easy practice, but highly optimized sites use another method.

But remember all code you put here may harm your code quality or/and W3C verification tests, especially if it’s not HTML5 compatible. You can also use this solution to add addcional js libraries. By the way, CSS styles must be declared in the HEAD according to the HTML standard. Only javascripts are allowed to be placed anywhere.

Custom code 2


Any code you place here will appear in bottom of body section of all pages of your site. For example javascript code can also be at the bottom of page body. In this case it executes after the page is shown.

This is useful if you need to input a tracking code for a statistics counter (web analytics) such as Google Analytics(GA), Piwik, Woopra or Clicky. This tracking code will be available on every page of your Joomla 3.4 web site.

Custom CSS

This field allows you to custom CSS code directly into template code without using any external file link. Just paste your styles for class’es or ID’s or HTML tags to override dafault style based on template. Custom CSS

This field allows you to custom CSS code directly into template code without using any external file link. Just paste your styles for class’es or ID’s or HTML tags to override dafault style based on template.

Custom joomla css

We always recommend inspecting a web page with a tool like FireBug or the inspector built into Chrome/IE/Firefox browser when looking to customize CSS. When you inspect the code output directly with one of this tools it will show you exactly what CSS is affecting the HTML element you want to change. You can also test out what CSS changes will affect the element as well live in the browser.

Using Custom CSS gives you the power to create your unique design and allow you customize the appearance of selected elements (colors, size etc.). If this field is too small for your advanced changes you can use “hidden” feature. You don’t have to edit the template.css, legacy.css any other css files. The reason being that if you edit the framework files then when you update the template you will lose all of your code, because all of your changes will then be overwritten by the new version of the files included in the update. Instead, you can use custom.css file that will override the default CSS code.

So if you need custom code please create a new custom.css file in insert inside css folder of your current active JoomLead template.

Create new joomla template css Custom css joomla template Custom css template

An alternative solution is putting custom.css into the helix3 directory: templates/jlead_charvi_free/css/

If the custom file will be found in the above directory then it will be loaded and applied.

Note! custom.css file is loaded before custom css code from template settings, it means that second one may override everything, also that file with styles.

Custom JS

The procedure of adding JavaScript code is same as above mentioned adding CSS code.

Typography Settings

Right now using Google Font is much easier we also want to introduce a “Update Font List” feature. It allows you to refresh the list of available Google fonts. So if there are any new ones, this button allows you to quickly update fonts with just one click, and they will be automatically added in to JoomLead Template. Which allows you to use them quick.

Typography settings allows you to choose font and its settings for popular HTML tags: body, h1, h2, h3, h4, h5, h6 and navigation. Subsets (like Latin Extended, Vietnamese are also no problem – just choose the character sets you want. Of course if they are available for selected font set. All settings are from template settings, so you have got now a simple and efficient way to embed Google fonts of your choosing to your website with a few clicks of your mouse.

Google Font

Google has been supplying the community with a large collection of web-based fonts for quite a few years. One of unique Helix3 feature is Live Font Preview during choosing from list 670+ of available fonts. Remeber integrating good looking font(s) into a Joomla website can improve the appearance, increases trust for your website.

Font Preview

Custom Font

This section allows you also to use Custom Google Font for selected CSS selector. Just enable option, choose font settings and in empty field below insert name of classes separated by comma.

Custom Joomla Font

Menu Settings

Setup Joomla Mega menu

Mega Menu is an easy to use menu tool for creating beautiful, customized menus for your site, also with modules inside. That also boosts SEO and user engagement. Here in template settings you have access to 4 options only, more advanced settings are “hidden” in Menu Manager inside each menu item – so please check also there.

Joomla mega menu

Select Menu

It allows you to choose menu from available in your system. If you’re planning to build multilingual site in Joomla 3.4 – you have to create clone of current template for each addcional language and choose here a Main Menu for each of them.

Menu Type

By default there are enabled two separate menus: Mega Menu and Off Canvas Menu. You can use both or only of of them – as you want or need.

Mega Menu

Off Canvas is indeed a external menu module – so if you want to use this area you have to create a menu module, set it properly.

Remember to choose offcanvas module position for them.

Offcanvas mene

What is more important in this sidebar menu you can also publish not only menu modules but also for example Search module, it also have to had a offcanvas position chosen in Module Manager.

Mega menu Module

Dropdown Width

Dropdown Menu Width value would be to set it to the width of your submenu size content area. By default 240px.

Dropdown Animation

MegaMenu offer four transition options for your dropdown submenus:

  • Fade (default)
  • Zoom
  • Fade in Up
  • No Animation

This is the transition that occurs when the submenu is opened. To have the submenu appear with no transition, set this to None (No Animation).