The Page Class Suffix is a parameter in Joomla! content Menu Items. It is situated in the Menu Item: [edit] screen under the "Parameters (Advanced)" segment. This will result in Joomla! to either include another CSS class or alter the current CSS class for components in this particular Menu Item format.

At the point when Joomla! produces a page, it naturally makes predefined CSS classes to permit styling of the page. There is no general standard, how it is utilized, this is a choice made by the creator of the dynamic layout. Case in point, a page may have the component
<div class="componentheading">
Fundamentally, by utilizing the Page Class Suffix you can do one of taking after traps:
Make another class while safeguarding the first one
to do this, enter the parameter with a main space. For instance, entering a space in addition to "myclass" will make another CSS class called "myclass" and it will be embedded as a class for components in the page referenced by that Menu Item. For this situation the sample above will be changed to
<div class="componentheading myclass">
Change the name of a current class
The trap is comparative, yet rather entering a space before "myclass" you can include for instance an underscore "_" or whatever other character permitted by the CSS naming benchmarks. For this situation the yield will look like:
<div class="componentheading_myclass">
Utilizing the above deceive you clearly can include page particular styling. By and large, it is prescribed to utilize a main space to make another class. Along these lines, CSS styling for this segment that uses the standard class names will keep on meeting expectations. You can utilize the new class name to add any wanted styling to the segment without expecting to re-make the majority of the current CSS code. Note that, in the event that you make another class name, make beyond any doubt it has a novel name and doesn't clash with any current class names.
The huge inquiry is
Step by step instructions to embed the required code in layout?
There are two steps obliged: most importantly you have to make sense of the addition for the page, then you have to embed it in the required spot in your format.
Load the addition
For this you have to embed some additional code in the layout's <head> area or some place else in the format - clearly before the spot you need to utilize the Page Class Suffix:
<?php
$itemid = Jrequest::getvar('itemid');
$menu = &jsite::getmenu();
$active = $menu->getitem($itemid);
$params = $menu->getparams( $active->id );
$pageclass = $params->get( "pageclass_sfx" );
?>
Embed the suffix
The following step is to utilize the page class addition some place in the layout.
In the Body Tag
The more regular strategy would be to apply the page class addition as an id or class to the <body> tag. Find the <body> tag (underneath the </head> label) and supplant it with this:
<body id="<?php reverberation $pageclass ? htmlspecialchars($pageclass) : 'default'; ?>">
To Load a Page-Specific Stylesheet
The second technique would be to load a template novel to the page being referred to. As opposed to adjusting the <body> label, look for the template connect inside the <head></head> labels and include the accompanying line specifically underneath it:
<link rel="stylesheet" href="/formats/<?php reverberation $this->template ?>/css/<?php reverberation htmlspecialchars($pageclass) ?>.css" type="text/css"/>
The third technique is to change ANY standard page component, as above
How about we say's I need to change how the segment heading - a standard Joomla page component looks like. For that most likely I have to search for it in the format overrides - the "html" subdirectory of my layout - to spot the events of
<div class="componentheading">
furthermore to supplant them with
<div class="componentheading<?php reverberation htmlspecialchars($pageclass) ?>">
Obviously more approaches to utilize the Page Class postfix can be envisioned - and executed. I trust I succeeded to unleash your creative energy!
Best Joomla Hosting Recommendation
ASPHostPortal.com provides our customers with Plesk Panel, one of the most popular and stable control panels for Windows hosting, as free. You could also see the latest .NET framework, a crazy amount of functionality as well as Large disk space, bandwidth, MSSQL databases and more. All those give people the convenience to build up a powerful site in Windows server. We offers Joomla hosting starts from $1/month only. We also guarantees 30 days money back and guarantee 99.9% uptime. If you need a reliable affordable Joomla Hosting, we should be your best choice.