Options for displaying your modules in the "left", "right", "top", "bottom" or "user" positions :

• Without module class suffix : No styling for your list and the links.
• With the module class suffix " min-height-XXX" you choose a minimum height for your module. You can :
  
  
  • put a value in pixels : " min-height-100px" , " min-height-125px" , " min-height-150px" , " min-height-175px" , " min-height-200px" .... until " min-height-1000px"
  • or in percentage of the viewport height : " min-height-10vh", " min-height-15vh", " min-height-20vh" ... until " min-height-100vh"
  
  
  
• With the module class suffix " vertical-menu" or " horizontal-menu" : to display an additionnal menu. More details on the page "Display your menus".
• With the module class suffix " no-margin" : you remove the margin inside your module. It's useful if you want displayed an image in a Custom HTML module.
• With the module class suffix " border" : you add a border around your module with hover effect.
• With the module class suffix " radius" : you add a rounded corner.
• With the module class suffix " shadow" : you add a shadow under the module
• With the module class suffix "color-XX" : you add a background color for your module. 148 colors available. Example " color-maroon" or " color-green"
• With the Module class suffix "title-centered" : the module title is centered with a border above and below the text (you can't put "title-band" in the same module).
• With the Module class suffix "text-centered" : the text and title are centered.
• With the Module class suffix "title-band" : display a dark background under the module title (you can't put "title-centered" in the same module)
• With the module class suffix "badge-new", "badge-free", "badge-hot", "badge-top", "badge-news", "badge-gift" : to display a badge in the upper right corner of your module.

Note : If you choose a background color , the color of the module title will be always White or Black..

Note : You can enter several Module class suffix. Example "shadow color-green badge-top title-centered min-height-200px"

148 background colors available :

General settings

Create easily your Home page without any content (9 positions for your Logo in Home page) and display your background image.

Width

Choose the width of your website and each columns inside the content box.

Logo and Slogan

Display your Logo (text, image or Custom module), and 2 optionnal slogans.

35 different fonts are available (safe and Google fonts) with a preview in the drop down list.

Not enough choice ! you can easily paste the code of the Google font of your choice in the Custom field. More of 600 fonts available !

Main menu

Content box

Choose the background color of your content box.

Choose the color, font family, font size for your titles and text.

Special button for your address and contact details

You can add a button in the Header (upper right corner) to display easily your address and others details in all your pages.

Social icons

Add the complete url (with http:// ) of your social links.

Block image with text

Here, you can modify the font of the H2 title and the font size of the text.

How to display the Google map in full screen as on the demo ?

I wanted a module very easy to use. So I choose to display the standard Google map and you can create it in less than a minute !

How to publish your google map ?

• First : you must create a link to this module. But it's not possible to make that with Joomla. So, you must create a new article "google_map". After that, go to the Menu manager and create a new item to this article (link "article --> single article").
• You have now a link to this article.
• Install the module "mod_google_map.zip" (you can find it in the package). Edit this module and choose the position "google_map", and don't forget to set the Menu assignement :
  
  {gallery}google_map.jpg{/gallery}

note : when you publish a module with the position "google_map", the content box isn't loaded.

How to obtain the URL of my Google map ?

In the "simple Google map" you must enter the URL of your map and only that.

Go to the Google maps

Choose your location and click on the "link" icon :

{gallery}google_map_02.jpg{/gallery}

On the new window, copy the URL and paste it on your Joomla module :

{gallery}google_map_03.jpg{/gallery}

note : you must create a google account to add a marker

Drop down menu

You can see this menu in action on the top.

To obtain that, you must select your main menu in module manager and enter these settings :

• position : "menu"
• Always show sub-menu items : "yes"
• no Module class suffix or Menu class suffix

Top menu

To use it, you must select your menu in module manager and enter these settings :

• position : "slogan"
• Always show sub-menu items : "no"
• no Module class suffix or Menu class suffix

Note : you can use only 1 level of links with this menu and if you use this module position, you can't display the slogan in template manager..

Bottom menu

To use it, you must select your menu in module manager and enter these settings :

• position : "bottom_menu"
• Always show sub-menu items : "no"
• no Module class suffix or Menu class suffix

Note : you can use only 1 level of links with this menu.

Additional Vertical menu

You can publish an additional vertical menu in the left, right or User module position, like this example on the Right column. The background color of active item is the same as active link in the content part (option in Template manager). If you choose a background color, the links will be white or black. To obtain that, you must :

• In Module manager, publish a menu in the position "left" or "userX"
• add the Module class suffix : "vertical-menu"
• Add a code color if you want a background-color : "color-grey", "color-black", "color-brown", "color-orange", "color-red", "color-olivedrab", "color-violet", "color-cadetblue" or any color of your choice among 148 colors available (see below). The code color must be after "vertical-menu". Example CSS class " vertical-menu color-green"

Note : the result is different if you use the module position "user7", "user8" or "user9" (see examples in the end of this page).

Additional Horizontal menu

You can publish an additional horizontal menu in the Top, Bottom or UserX position, like these example below. The background color of active item is the same as active link in the content part (option in Template manager). If you choose a background color, the background color will be white or black. To obtain that, you must :

• In Module manager, publish a menu in the position "top", "bottom" or "userX"
• add the Module class suffix : "horizontal-menu"
• Add a code color if you want a background-color : " color-grey", " color-black", " color-brown", " color-orange", " color-red", " color-olivedrab", " color-violet", " color-cadetblue" or the color of your choice among 148 colors available (see below). The code color must be after "horizontal-menu". Example CSS class " horizontal-menu color-green"

148 background colors available for secondary menu :