Deze methode is gelijkaardig als het opmaken van een pagina via de Pagina class.
Als je een module anders wil opmaken dan de rest van de website kan je gebruik maken van een "Module class achtervoegsel" of kortweg suffix.
Heel wat templates beschikken reeds over een reeks suffixen om variatie in de module-opmaak te brengen. Meestal kan je op de demo-pagina van de template een demonstratie van de beschikbare module class suffixen vinden. Kijk bv eens bij YooTheme. In sommige gevallen kan je ook verschillende suffixen combineren, bijvoorbeeld één voor de titel en een andere voor de rest. Kijk bv bij Gantry.
EEN module CLASS gebruiken
Eerst moeten we een class toevoegen aan de module die je anders wil opmaken. Op deze manier creëren we een extra selector.
Ga naar Extensies > Modulebeheer > kies je module >Opties > Geavanceerde opties > "Module class achtervoegsel"
Vul daar de naam in voor de CSS-class van de module: bv. groen
Laat deze voorafgaan door een SPATIE.
In principe kan je de naam van de class ook zonder spatie invoeren of laten voorafgaan door een liggend streepje (underscore): _groen
Deze werkwijze zal echter de reeds aanwezige selector veranderen, waardoor de gekoppelde CSS niet meer zal werken.
Als je kijkt naar de code zie je waar deze selector (uwsuffix) wordt toegevoegd:
In dit geval (Protostar, "well" modulestijl) wordt de suffix toegevoegd aan de module én aan de inhoud van de module.
Controleer altijd waar je selector wordt toegevoegd. In sommige gevallen zal de suffix NIET worden toegevoegd vanwege de gebruikte modulestijl. Meer info: Modulestijlen.