Go back to ThemePartner.com Buy now $49.00
Hide
You are here: Home Tutorials Using module classes
  • Print

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.

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

Side Menu