Using module classes
Module Class Suffix is a parameter in Joomla! modules. [...] Setting this parameter causes Joomla! to either add a new CSS class or modify the existing CSS class for the "div" element for this specific module -- Joomla Glossary
On the module variations page, several module classes are showcased. As you can see, multiple module classes can be added to a module to combine styles. If you want to use multiple suffices on one module, you have to separate the classes with spaces (for example set: "style4 pattern5" without quotes as a module class suffix to add the styles of both style4 and pattern5 to your module).
The module class suffix can be added in the 'Module parameter' (Module Manager > Your Module Name > Module Parameters > Module Class Suffix). Every style, pattern and icon can be mixed, leading up to 300 styles for your modules!
Available module classes suffices
Style
- style1: apply all style settings for section 'Header' except 'Header background image'
- style2: apply all style settings for section 'Features' except 'Features background image'
- style3: apply all style settings for section 'Content' except 'Content background image'
- style4: apply all style settings for section 'Bottom' except 'Bottom background image'
- style5: apply all style settings for section 'Footer' except 'Footer background image'
Pattern
- pattern1: Drapes
- pattern2: Squares
- pattern3: Pinstripes
- pattern4: Baroque
- pattern5: Wood
Icon
- icon-die: Die
- icon-boat: Boat
- icon-diamond: Diamond
- icon-businessman: Businessman
- icon-mansion: Mansion
- icon-goblet: Goblet
- icon-champagne-glass: Champagne glass
- icon-sun: Sun
- icon-champagne-bottle: Champagne bottle
- icon-phone: Phone
- icon-plane: Plane
- icon-chest: Chest