How to use page class suffix in Joomla?

Joomla is a free and open source content management framework which is built on a model view controller web application framework and is freely available to everyone. Let us know how to use page class suffix in Joomla.

 Content management system or CMS is software that keeps a record of each and every piece of content available on the website. Content management system is advantageous because no knowledge or technical skill is required to manage it.  Joomla has now become one of the most popular website software available because of many aspects including the extensibility and ease of use

Joomla besides its extensibility has a list of many other features. Those features are listed below:

  • User Management
  • Media Manager
  • Banner  Management
  • Language Manager
  • Contact Management
  • Polls
  • Web Link Management
  • Content Management
  • Menu Manager

Page class suffix is a feature present inside the menu manager. In the html sites the designs are done inside the template.css (cascading style sheets) to control the appearance of the page which is a part of template. It will be hard to do styling in Joomla as it is a complex web application. For this class suffix is used because it saves time as it does individual styling rather than finding it inside the template and then modifying it. Class suffix has various applications like page class suffix, module class suffix. When we want to do some styling to the content the page class suffix works.

Now the question comes how to use the page class suffix in Joomla? For this we need to know where we can find the page class suffix.

  • In the administration page the menu tab is clicked from which the menu manager is selected.
  • In the menu item configuration the advanced tab is clicked and then the “page display options” section title is clicked. The page class parameter appears after that.

Let’s take an example

Suppose we want to change the appearance of one title on just one blog but keep the appearance on other as default, we can use page class suffix. For this the following steps are followed

  • “My Blog” class suffix is added to the menu item.
  • Then the following code is copied in the custom css file.
  • The result can be seen when the blog page is checked.

The page class suffix has many other applications like it can change the styling and layout of element on the page.For example,

Suppose the module with “cute” module class suffix is applied in the module configuration in a template having a layout and styling on the frontend of the website.Thus for our blog page and only for that page the layout and styling is changed.This can be applied by copying the css code into the custom css code. Thus page class suffix is a versatile feature in Joomla which gives the user incredible power over the appearances of individual pages in the site, with a little knowledge css.