If you want to change the css, the best way to do is to add your CSS code in templates/adsclarity/css/custom.css. In the future, if you install a newer version of this template, this file will not be impacted.

The home slider of this template use the component Bruce - Banners manager.

The creation of this slider took three steps.

1. In the back end go to the Bruce component and create the banners you want to display in the slider.
Select an image and fill the Alt, description and link field. You can also let those fields empty if you just want to display the image.
You can also create a category and assign all the banners you wish to display in the slider in this category - In our example, the category is called 'slider'.


2. Create or update the Bruce module, the existing module is called 'Home Slider', you are free to unpublish it if you wish to replace it.
In the configuration, set the slider as you see fit, if you created a specific category for the banners of this slider select it in the corresponding field.


3. In the module setting, go to the 'advanced' tab, select 'slider' for the 'Alternative Layout' field and 'none' for the 'Module Style' field.

We use the plugin 'System - Google Maps' on a custom module in the contact page, here is a part of the documentation provided by the developper:

You can put the mosmap string with parameters anywhere in content in Joomla: intro text or main text of an article, components and modules. You can see examples and documentation on the plugin's creator website: tech.reumer.net.

Check the html of the content item so there are no html like <br />, <span> or &nbsp; between { } or in the html a return.
If you work with pure html code, be sure that there isn't any tags in the mosmap string between { } in your database code.
The plugin works for one line!

It can be once, twice or more to display multiple, inline maps on a single content page for different locations and configurations.

Usage: (open accolade) mosmap width='500'\|height='400'\|lat='52.052312'\|lon='4.447141'\|
zoom='3'\|mapType='Satellite'\|text='sv DWO'\|tooltip='DWO'\|
marker='1'\|align='center' (close accolade)
(goto html view of an article and remove the returns between the line or <br /> so its one line. Second remove the slash \ before the pipe \|)

You can change any of the parameters:

  • width, height to whatever you want although if its too small, you won't see very much.
  • lon and lat for the coordinates
  • zoom can be between 0 (world) and 19 (detailed).
  • mapType can be Normal (default), Satellite, Hybrid, Terrain or Earth.
  • text is for the marker, that will show on the map with a balloon. If you don't want to see the text, just set text=" and it will not display, the text is the data displayed above the location pin. Usually it would be used to display an address or hyperlink. A hyperlink is possible use the format: <a href=linkAddress target=linkTarget title=linkTitle>linkName</a>. Don't use (double) quotes!
  • marker is for opening the infowindow (1 default) or close the infowindow (0) initially.
  • dir for adding get directions form for a route at maps.google.com to the coordinates.
  • tooltip is for the marker to have a tooltip when the mouse is on the marker (don't use HTML)
  • address is for a address to search for the coordinates
  • kml is for a url to a kmlfile to load as a overlay on the map for multiple markers or a route

For all parameters see here

You can find an example in the modules manager of Joomla:

The sidemenu is a position that will be displayed on the mobile version of the website. You can display it with your browser by reducing the width of the window or by using the developper tool of your browser.

In the template we use this position to display a menu for the mobile version of the website, you can do the same in two simple steps:

1. In the module manager, you can create a new menu module or use the existing one.

2. In the module setting, configure the module like any other menu modules and choose to display it in the sidebar position.