Welcome Guest! Login
0 items Join Now

Tessellate: Recreating the Demo - FP MainTop B

Your Guide to Recreating Elements of the Tessellate Demo for Joomla

FP MainTop B

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 FP MainTop B
Show Title Show
Position maintop-b
Status Published
Access Public

Custom Output

Enter the following in the Custom Output text editor.

<div class="gantry-width-container">
    <div class="gantry-width-50 fp-maintop-col1">
        <img src="/images/rocketlauncher/home/fp-maintop/img-02.jpg" alt="image" />
        <div class="fp-maintop-img-desc">
            <h6 class="nomargintop smallmarginbottom">Information</h6>
            <p><span>RokSprocket is a content extension <span class="hidden-tablet">for Joomla and Wordpress, </span>by RocketTheme<span class="hidden-tablet">, that offers multiple layouts and themes</span>.</span></p>
    <div class="gantry-width-50 fp-maintop-col2">
        <div class="gantry-width-spacer">
            <h3>RokSprocket <span class="hidden-tablet">Content </span>Extension</h3>

            <p>RokSprocket has its own, unique, custom administrative interface with intuitive controls and ajax loading to make content setup quick and easy.</p>
            <p class="hidden-tablet">RokSprocket has multiple layouts to choose from with varying themes, such as Features : Showcase.</p>

            <p class="visible-large"> Others include Tabs, Headlines, Mosaic, Strips and Lists. RokSprocket also benefits from multiple content providers, such as Joomla, K2 and its own, Simple.</p>

            <a href="/?amp;view=article&amp;id=1&amp;Itemid=111" class="readon4">Read More</a>


Option Setting
Prepare Content No
Select a Background Image Blank


Option Setting
Module Class Suffix fp-maintop-b box3 nopaddingall

Found errors? Think you can improve this documentation? Please edit this page. You can also view the history of this page.