How to Use Joomla's Module Suffixes

January 10, 2010 | Joomla Tutorials | Written by Rod Martin

Joomla templates allow you to redesign your site easily. modulesuffixes They 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.

You can see the full list of color options by clicking here.

Here's how you do it

Go to the administrator area of your site and Extensions >> Module Manager.
In the parameters of your module, on the right-hand side, you'll see a box saying "Module Class Suffix".
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:

Comments

#1 orourke 2010-08-13 16:52

This doesn't work with the hivemind template. What does?

#2 kl6H_steve 2010-08-13 16:57

Hi orourke

Any luck with these particular suffixes?

demo.rockettheme.com/.../...

Add comment

Start Online Training

Members get access to all our video training. That's 1,141 training sessions in Joomla, Drupal, WordPress and Coding.

Manage All Your Joomla Sites

With Admincredible you can update and manage all your Joomla sites. If you have 5 or 500 sites, Admincredible will make your life easier! Visit Admincredible.com.

Latest Blog Posts and Tutorials

Blog Categories

Latest Comments

Magic Quotes Error With Joomla 3 Installation
Comment by yahye
plz help me i done all the steps but i confused Wat's meant and what i replace by ...
Add a Sitemap to Your Wordpress Site
Comment by ram_theprince
Thank you very much. Thats super cool and simple instructions.
Migrate Virtuemart 1.1 to Version 2
Comment by Stephen H
Worked like a charm. Thanks a million!
Installing TinyMCE in Drupal 7
Comment by Binary
Downloading an older version of TinyMCE resolved my issue.
Installing TinyMCE in Drupal 7
Comment by Binary
These instructions did not work for me. I have followed all of the instructions ...

The License for Our Tutorials

All of our tutorials are published under the Creative Commons Attribution-NonCommercial license. This means:

You can re-use these tutorials.
You can modify these tutorials.
You must link back to our original tutorial.
You can't use these tutorials commercially.

Click here to read the full license.

Joomla Tutorials and Blog Posts