Template Options

This template comes with few Basic Options to help you further customize your Joomla website. You can choose from logo displaying, to what type of fonts you want on the website. To change the template basic options you simply need to follow the steps below.

  1. Login into the Administration Control Panel of your Joomla website.
  2. Navigate to Extensions > Templates. Click on the title of your Joomla template.
  3. Below you'll see the templates basic options. There are several basic options to change here so we suggest you play around with them to see what best suits your Joomla website.

Basic Options Explained

Basic Options

Remove Branding
This will remove the branding located near the footer of the page.
Style
Each different template can have several styles to select from (depends on each template).

Custom Style new
You can create your own color style by choosing "Custom" style. The number of available color options depends on each template. Read more about custom styles here.
Load modal behavior
Use the modal class in any link tag to open up pop ups instead of new windows. Just add class="modal" to your <a> tags and you will open up pop ups.
Load javascript at bottom
Load Wright javascript before closing <body> tag.
Logo Image
Choose how you want to display your logo. You can choose to use the template logo file, a module position, or from a list of images.
Logo Width
Change the width of the logo depending on your image and the module position located next to the logo will change widths automatically.
Body Font
Choose from several different fonts for the overall site.
Heading Font
Choose from several fonts for the heading on your site.
Columns size
Choose how you want your columns displayed and the widths of those columns.
Load template docs
Loads docs.css and prettify.js to enhance documentation either for the template or your own project.
Bootstrap grid mode
The Template can work either in a 960px grid (px) or using a fluid grid (%).
Sticky Footer
Select whether you want to force the footer to be always at the bottom of the page.
Bootstrap styles for article images
You can select an style for the intro and full-article images (using the default Joomla Content component).
Mobile Menu Text
Replace default hamburger icon with a label.

Flow Options

'Back to Top' Button
Enable 'Back to Top' Button
Toolbar
Choose the toolbar mode. Fixed or Relative.

Template Installation

Note You must have Joomla! 3 installed to use a Joomlashack template.
  1. After purchasing your template, log into your Joomlashack Account and download the template file to your computer. The filename will look similar to js_templatename.zip

  2. Once you downloaded the template, in your Joomla Administrator panel, go to Extensions > Manage

    Extension Manager

  3. Go to Upload package file tab

    Template Manager

  4. Click on the " Browse... " button, and find the file you downloaded. Then click on Upload & Install. button.
    The template should take a few seconds to upload and install. After the process is complete, you should see a success message.

  5. Now you will need to set the template to be the default template for your site. To do this, go to Extensions > Templates.

    Template Manager

    Click on the 'Default' button shaped like a star to the right of your template's name. If you set the default template correctly, you should see the star icon in yellow color.

    Template Manager

  6. Your template will now be installed! Look below for more important information on how to set up your template once installed.

My Template Doesn't Look Like the Demo - Template Setup

Once installed, your template will most likely require some setup, the depth of which is determined by how many customization options your template offers (different module formatting for example).

For a look at the reasons why your template does not look like the demo straight after install, please see Why doesn't my template look like the demo?

I couldn't get my template to download - where do I go to get support?

For more help with installation, setup, customization, or an issue, please Submit a Ticket (only available for purchased templates and Template Club customers).

Documentation and Setup

This template, built on Joomlashack's Wright Template Framework, provides access to many default Bootstrap styles. Please note that this documentation applies to Wright version 3.

The following documentation provides a look at styles and example code for all of the available styles, as well as basic template setup documentation.

For help with setting up or using your template, please post in the Help Center for assistance

Check out the documentation topics available for this template:

Modules Styles

On this page you will see all of the module styles available, including different menu module options and horizontal nav options.

All of the displayed styles are achieved using either a Module Class Suffix, a Menu Class Suffix, a combination of the two, or no suffixes at all.
Notes are provided under each module to display which suffixes have been used.

Module Class Suffix

The module itself will gain styles based on the Module Class Suffix, which is added in the module's parameters as seen in the screenshot below:

module class

Menu Class Suffix

Menus can be styled with the use of a Menu Class Suffix added to the menu module's parameters as seen below:

module class

Important!

Menu and Module Class Suffixes must be proceeded by an empty space. If no space is left before the suffix you will not get the desired formatting results.

Horizontal Menus

Also horizontal menus can be easily created in any position, by adding Menu and Module Class Suffixes to the menu module.

Examples below: