Joomla templates allow you to redesign your site easily. modulesuffixesThey also allow you style your modules. Your login box can have one color, your "Latest News" can have another color and your "Most Popular News" can have third.

This image is an example using the Bolt template.

  • Red header, white background.
  • Orange header, orange background.
  • Yellow header, white background.
  • Green header, green background.

Here's how you do it

  1. Go to the administrator area of your site and Extensions >> Module Manager.
  2. In the parameters of your module, on the right-hand side, you'll see a box saying "Module Class Suffix".
  3. You'll have to read the documentation for your template to know what to enter - each template is different. If you're using Bolt you could enter any of these:
  • -red (Red header, white background)
  • -orangebg (Orange header, orange background)
  • -yellow (Yellow header, white background)
  • -greenbg (Green header, green background)
This example would give us a red header and white background:
How to Use Joomla's Module Suffixes

Free Weekly Joomla Tutorials

Your Comments (4)

Cristobal
December 10, 2010

This information applies just to the bolt template, I know other templates have different suffixes

Steve Burge
December 10, 2010

Yes, that's true unfortunately Cristobal.


You'll have to read the documentation for your template to know what to enter - each template is different.

Spider223365
December 16, 2010

How can you figure out what to enter into module class suffix box for the template a person is using. This little box has always puzzled me!

Steve Burge
December 16, 2010

Unfortunately there's no easy way apart from to the find the documentation for that particular template. Otherwise you're left reading the CSS file.

Write comment

 
 
quote
bold
italicize
underline
strike
url
image
quote
quote
smile
wink
laugh
grin
angry
sad
shocked
cool
tongue
kiss
cry
smaller | bigger
 

busy