Welcome Guest! Login
0 items Join Now

Corvus: Recreating the Demo - Scroll Triggered Expanded Module

Your Guide to Recreating Elements of the Corvus Template for Joomla

Scroll Triggered Expanded Module

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.

The effect that makes the module expand as you scroll down is the result of the module class suffix used in the Advanced Options area of the module's settings.


Option Setting
Title Scroll Triggered Expanded Module
Show Title Show
Position showcase-a
Status Published
Language All
Note Blank

Custom Output

Enter the following in the Custom Output text editor.

<p>A feature of Corvus is the <strong>expanded</strong> module. Any module that has the <strong>expanded</strong> module class suffix applied to it, will expand based on window <strong>scroll</strong>. The feature is best applied in the <strong>showcase</strong> position, with a full width module, as demoed currently. The <strong>overlap</strong> effect below, is via CSS and can be customized through the <a href="http://gantry.orgdocumentation/joomla/tutorials/custom_stylesheet.md">custom stylesheet process</a>, depending on your content needs.</p>


Option Setting
Prepare Content No
Select a Background Image Blank


Option Setting
Module Class Suffix expanded rt-center

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