Please note we have now updated all the design which used CSS Suffix setting to control the layout. We no longer use css suffix settings in any of our designs.

Due to the nature of Joomla some of the templates will use custom CSS SUFFIX settings to control the layout of the module or menu items. Each template you download will include notes in the download section advising you about the module positions and CSS CLASS SUFFIX settings you need to use for the module or menu items for each template.

For example if you download the Blogger_blue template then you will need to apply the following CLASS SUFFIX settings to the module or menu item.

Top is using the Top menu module position for both menu class and module class and the CLASS SUFFIX will be -top
left module position is using the mainmenu module position for both menu class and module class is using the CLASS SUFFIX of -left

As you can see the top menu is using the CSS CLASS SUFFIX of –top for both the menu and module class. And the Main menu is using the CSS CLASS SUFFIX of –left.

To set the CSS SUFFIX options you will need to complete the following.

1) Select the Module or menu position.
2) Each module will have a field to enter CSS CLASS SUFFIX as noted below.

Basically all you need to do is select the module position and enter the CSS CLASS SUFFIX noted download section for the template. Once you have enter the CSS CLASS SUFFIX you need to save the module position.

Again when you download a design from the members area please ensure you read and make a note of the module positions and CLASS SUFFIX settings for each Joomla web design.