how to use module class suffix in Joomla 3

In this use tutorial you will know how to use module class suffix, completely easy even you're new to Joomla

 

What is module class suffix in Joomla?

Module class suffix are not new to Joomla. It has been used for styling changes and template CSS classes are not all unique so template developers may need to create their specific CSS rule for their templates only.

1. First, navigate to Extensions > Module Manager. Open your module.

2. Go to Advanced Settings, add the Module Class Suffix

Joomla how to use module class suffix

3. Click on Save.

4. You can see the specific CSS class for this module only when inspecting elements

how to use module class suffix on Joomla 3

5. Now, you can work your new CSS rule. You may need to use the developer tools for Joomla for better performance.

 

What is page class suffix in Joomla?

Page class suffix, another name of menu item class suffix works by the same module class suffix method. But the specific class will be add in a specific page/menu item

1. First, navigate to Menu > open a menu, and select the needed menu item.

2. Go to tab page display. add Module Class Suffix for your menu item/page

use Module Class Suffix for your menu item/page

3. Click on Save.

4. You can see the specific CSS class for this page only when inspecting elements

page class suffix added in body

5. Now, you can work your new CSS rule for your specific page. You may need to use the developer tools for Joomla for better performance.