USER 1 - JoomlaXTC K2 Category Wall

In the second USER1 position we use our JoomlaXTC K2 Category Wall Module to create a column of K2 Categories. In order to recreate the layout you will first need to upload the Module to your Joomla install. If you are using the K2 Category Module from the Template package you can select the advocate_topics_user1 from the demo templates included in the Module. If you purchased the module as stand alone you will need to configure it with the following settings:

Make sure to set the layout parameter to 'bootstrap' and add the module class suffix 'nopad modblank'

Module HTML

<div class="topics">
{mainarea}
</div>

Main Content HTML

<div data-scroll-reveal="ease-in-out 100px" class="causes" align="center">
<a href="/{categoryurl}"><img src="/{categoryimageurl}" />
<h3>{title}</h3>
<p>{description}</p></a>
</div>

CSS

/* Element Style */
.causes {padding: 0 20px;}
.causes img {max-width:90%;}
.causes h3 {background:none; font-weight:bold;text-transform:uppercase; font-size:48px;  margin:44px 0 28px;}
.causes p {font-size:22px; color:#222;}

For more information on styling and configuring the K2 Category Wall Module visit the full documentation HERE