- Web templates
- E-commerce Templates
- CMS & Blog Templates
- Facebook Templates
- Website Builders
Joomla 3.x. What is module/page class sufix and how to use them
January 29, 2015
Our Support team is ready to present you a new tutorial that will show you what is module/page class suffix and how to use it in a Joomla based template.
Joomla 3.x. What is module/page class sufix and how to use them
Template CSS classes are not all unique. You might need to add the specific CSS rule for one module/page only.
Adding Module Class Suffix
-
First, navigate to Extensions > Module manager. Open the needed module.
-
Go to Advanced Settings, add the Module Class Suffix:
-
Click on Save when you are done.
-
Now, you can work on adding a CSS rule. You will need to use the developer tools.
-
Since you have a unique CSS class now, you can add the specific CSS rule for this module only:
Adding Page Class
-
The page specific CSS class can be added in a similar way. Navigate to Menus > Main menu, open the needed menu item.
-
See the Page display tab, add your CSS class to Page class field:
-
Since you have a unique CSS class now, you can add the specific CSS rule for this page only.
Feel free to check the detailed video tutorial below:
Joomla 3.x. What is module/page class sufix and how to use them