0
Welcome Guest! Login
0 items Join Now

Super Spring Sale

Spring is in the air, and so are the savings during our Super Spring Sale! Save 50% on single themes and 35% on Club memberships and renewals for a very limited time.

Ricochet: Recreating the Demo - Upcoming Events

Your Guide to Recreating Elements of the Ricochet Template for Joomla


Upcoming Events

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

Option Setting
Title Upcoming Events
Show Title Show
Position expandedtop-a
Status Published
Access Public

Custom Output

Enter the following in the Custom Output text editor.

<div class="gantry-row">
  <div class="gantry-width-container">
    <div class="gantry-width-33">
      <div class="gantry-width-spacer">
        <div class="rt-box2 rt-center">
          <ul class="rt-tags">
            <li>Facebook</li>
            <li>Twitter</li>
          </ul>         
          <h2 class="title">Configurable Social Media Buttons</h2>
          <ul class="rt-tags">
            <li><a href="#">#Social Media</a></li>
          </ul>           
        </div>
      </div>
    </div>  
    <div class="gantry-width-33">
      <div class="gantry-width-spacer">
        <div class="rt-box3 rt-center">
          <ul class="rt-tags">
            <li>Offine</li>
            <li>Counter</li>
          </ul>           
          <h2 class="title">Custom Offline &amp; Coming Soon Pages</h2>
          <ul class="rt-tags">
            <li><a href="#">#Maintenance</a></li>
          </ul>           
        </div>
      </div>
    </div>  
    <div class="gantry-width-33">
      <div class="gantry-width-spacer">
        <div class="rt-box1 rt-center">
          <ul class="rt-tags">
            <li>Responsive</li>
            <li>Fixed</li>
          </ul>           
          <h2 class="title">Responsive, 960 &amp; 1200 Layouts</h2>
          <ul class="rt-tags">
            <li><a href="#">#Layout</a></li>
          </ul>           
        </div>
      </div>
    </div>      
  </div>    
</div>

<div class="clear"></div>

<h6>One of the Gantry Framework's most notable features is its custom administrative interface. The template manager provides a user friendly and intuitive console to configure many aspects of the template, from features, menu choices, to extensions layout controls.</h6>

Basic

Option Setting
Prepare Content No
Select a Background Image Blank

Advanced

Option Setting
Module Class Suffix fp-expandedtop title5

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