Plethora: Recreating the Demo - Top Galleries

Top Galleries

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.

Details

Custom Output

<div class="rt-image-group">
    <div class="rt-image-block">
        <div class="rt-image-item">
            <img src="/images/rocketlauncher/home/fp-maintop-b/img-01.jpg" alt="image" />
        </div>
        <div class="rt-image-tag">
            <span>Error</span>
        </div>
        <div class="rt-image-content">
            <p class="smallmarginbottom">Custom 404 error page override</p>
            <span class="rt-text-small"><em>error.php</em></span>
        </div>      
    </div>
    <div class="rt-image-block">
        <div class="rt-image-item">
            <img src="/images/rocketlauncher/home/fp-maintop-b/img-02.jpg" alt="image" />
        </div>
        <div class="rt-image-tag">
            <span>Offline</span>
        </div>      
        <div class="rt-image-content">
            <p class="smallmarginbottom">Custom offline page override</p>   
            <span class="rt-text-small"><em>offline.php</em></span>
        </div>      
    </div>
    <div class="rt-image-block">
        <div class="rt-image-item">
            <img src="/images/rocketlauncher/home/fp-maintop-b/img-03.jpg" alt="image" />
        </div>
        <div class="rt-image-tag">
            <span>Coming Soon</span>
        </div>          
        <div class="rt-image-content">
            <p class="smallmarginbottom">Unique coming soon offline page</p>
            <span class="rt-text-small"><em>comingsoon.php</em></span>  
        </div>      
    </div>      
</div>

Basic

Advanced