Page and Module Class Suffixes in Joomla

When creating modules in Joomla, you may have seen a "Module Class Suffix" option.

When you add menu links in Joomla, you may have seen a "Page Class" option.

Did you know that these two features are very closely related? These features allow you to add custom CSS to specific modules or pages. This makes suffixes a really good way to style individual modules and pages.

Many Joomla template designers rely heavily on these suffixes to create their unique designs.

In the videos below, we'll introduce you to page and module suffixes. These videos are part of our "CSS for Joomla" class which is available inside Joomlashack University.

How to Use a Page Class Suffix

One of the ways in which we can customize a single Joomla page is with page class suffixes. These work on the menu system, so you will need a menu link to the page you want to redesign. In this video, Rod shows you how to use page classes to change the background color on a page. He also shows you the technical side of how page classes work, by adding this feature to a template that does not already have it.



How to use a Module Class Suffix

Module class suffixes work in a very similar way to page class suffixes. You can add a CSS class inside your module, and then define the CSS inside your template files.



If you want to learn more about these professional Joomla skills, become a member of Joomlashack University.

About the author

Steve is the CEO of Joomlashack. Originally from the UK, he now lives in Sarasota in the USA. Steve has been involved with Joomla since 2006.