1) You can add this code in html output of custom module and assign it user6 position::
<div class=”class-box-wrap1 class-box-style1″>
<div class=”class-box-wrap2″>
<div class=”class-box”>
<div class=”class-box-inner”>
<div class=”title”>
<h3>Music</h3>
</div>
<div class=”image”><img src=”images/stories/demo/other/teline-1.jpg” border=”0″ alt=”JA Teline IV” /></div>
<span>Grid-based Joomla! News portal approach</span></div>
</div>
</div>
</div>
Now, You can add in other codes similar as above for other position modules and update in text and title accordingly
Mainly, You would need to change in this to style2,style3,style4, then if you wish to have different color title formatting as seen in demo ::
div class=”class-box-wrap1 class-box-style1