Your Guide to Recreating Elements of the Ximenia Template for Joomla
This area of the front page is a Custom HTML module. You will find the settings used in our demo below.
Any mod_custom (Custom HTML) modules are best handled using either RokPad or no editor as a WYSIWYG editor can cause issues with any code that exists in the Custom Output field.
Option | Setting |
---|---|
Title | Top Features |
Show Title | Show |
Position | maintop-b |
Status | Published |
Access | Public |
Language | All |
Note | Blank |
Enter the following in the Custom Output text editor.
<div class="smallpaddingleft smallmargintop">
<div class="rt-image rt-floatleft medmarginbottom">
<img width="178" height="113" src="/images/rocketlauncher/frontpage/general/sidebar-1.jpg" alt="image">
<span class="cornertab"></span>
<span class="image-description">Fusion with MegaMenu or SplitMenu menu options.</span>
<span class="corner-symbol">+</span>
</div>
<div class="clear smallmarginbottom"> </div>
<div class="rt-image rt-floatleft medmarginbottom">
<img width="178" height="113" src="/images/rocketlauncher/frontpage/general/sidebar-2.jpg" alt="image">
<span class="cornertab"></span>
<span class="image-description">Eight elegant, subtle and conservative styles.</span>
<span class="corner-symbol">+</span>
</div>
<div class="clear smallmarginbottom"> </div>
<div class="rt-image rt-floatleft medmarginbottom">
<img width="178" height="113" src="/images/rocketlauncher/frontpage/general/sidebar-3.jpg" alt="image">
<span class="cornertab"></span>
<span class="image-description">K2 (third party) extension style integration.</span>
<span class="corner-symbol">+</span>
</div>
<div class="clear"></div>
</div>
<a class="readon smallmargintop smallmarginleft" href="/?amp;view=article&id=1&Itemid=108"><span>See More</span></a>
Option | Setting |
---|---|
Prepare Content | Yes |
Select a Background Image | Blank |
Option | Setting |
---|---|
Module Class Suffix | title2 fronttabs |