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 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: