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.
Cookies make it easier for us to provide you with our services. With the usage of our services you permit us to use cookies.