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 .