A common question that is asked on our forums is how to hide the component/article area on a particular page, most commonly the homepage or frontpage. This allows a more splash screen styled page where attention is focus on a large image or slideshow in one of the top module positions (showcase).

Hiding the component/article area could not be easier and can be achieved with just a single line of CSS. Simply add the following to the Custom CSS field of your templates parameters..

#container_main {
    display: none;

With our more recent template releases we have added a option to hide the component area in the General -> Layout Option tab of the template settings.

Presuming you wish to use this area on other pages of your site, you will need to create a separate template style specifically for your homepage to which you will add the above CSS. For details on creating multiple template styles please check out the following tutorial... Creating multiple template styles .

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters
the trademark holder in the United States and other countries.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.