0
Welcome Guest! Login
0 items Join Now

Callisto: Recreating the Demo - Footer Section

Your Guide to Recreating Elements of the Callisto Demo for Joomla


Introduction

1
Info List (Particle)
2
Custom HTML (Particle)
3
Contact (Particle)

The Footer section is made up of three particles.

Settings used in our demo for each of these particles can be found below.

Section Settings

Field Setting
CSS Classes Blank
Tag Attributes Blank

Info List (Particle)

Particle Settings

Demo Footer

Field Setting
Particle Name Advanced Features
CSS Classes Blank
Title Advanced Features
Info List Item 1 Title Flexible and Easy Layout Manager
Info List Item 1 Link #
Info List Item 1 Description Gantry 5's new layout manager features drag-and-drop functionality.
Info List Item 2 Title Powerful Menu Editor
Info List Item 2 Link #
Info List Item 2 Description Quickly insert Particles, rearrange menu items, and add icons in seconds.
Info List Item 3 Title New Particles System
Info List Item 3 Link #
Info List Item 3 Description Gantry 5's Particles system makes it easy to create and configure content blocks.

Block Settings

Demo Header

Field Setting
CSS ID Blank
CSS Classes Blank
Variations Blank
Tag Attributes Blank
Block Size 33.3333%

Custom HTML (Particle)

Particle Settings

Demo Footer

Field Setting
Particle Name Demo Information

Custom HTML

<h2 class="g-title">Demo Information</h2>

<p>All demo content is for sample purposes only, intended to represent a live site. All content images are licensed from <a href="http://tookapic.com">tookapic.com</a> for exclusive use on this demo only.</p>
<p>Note: Callisto theme is built on the Gantry 5 framework, the most customizable and powerful version of the framework yet.</p>

<a href="http://www.rockettheme.com/joomla/templates/callisto" class="button button-3"><i class="fa fa-cloud-download"></i> Download</a>

Block Settings

Demo Header

Field Setting
CSS ID Blank
CSS Classes Blank
Variations Blank
Tag Attributes Blank
Block Size 33.3333%

Contact (Particle)

Particle Settings

Demo Footer

Field Setting
Particle Name Contact Details
CSS Classes Blank
Title Contact Details
Contact Item 1 Title Call Us
Contact Item 1 Icon fa fa-phone fa-fw
Contact Item 1 Value +1(555)-555-555
Contact Item 2 Title Office
Contact Item 2 Icon fa fa-map-marker fa-fw
Contact Item 2 Value 555 RocketTheme Blvd, CO
Contact Item 3 Title Say Hi
Contact Item 3 Icon fa fa-envelope fa-fw
Contact Item 3 Value hello@no-reply.com
Contact Item 4 Title Need Advice?
Contact Item 4 Icon fa fa-comment fa-fw
Contact Item 4 Value <a href="#">Live Chat with Us</a>

Block Settings

Demo Header

Field Setting
CSS ID Blank
CSS Classes Blank
Variations Blank
Tag Attributes Blank
Block Size 33.3333%

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