Welcome Guest! Login
0 items Join Now

Reaction: Recreating the Demo - Template Settings

Your Guide to Recreating Elements of the Reaction Demo for Joomla

Template Settings

One of the most important aspects of any Gantry template is its ability to be easily customized using the settings presets in the Template Settings page. These settings can be adjusted by navigating to Administration -> Template Manager -> Reaction Template. To replicate the demo, the main changes being made will happen within the Style, Features, Layouts, and Advanced tabs.

To-Top Scroller

This table will break down the various settings you may need to adjust in order to recreate the demo. Most of the settings under Style are adjusted automatically with the selection of a template preset. You can set presets using the Presets button located next to the Save option at the top of the Template Settings page.

Once you have selected a Preset, these options can be further adjusted to match the demo.

Note: In the interest of simplicity, the override settings listed below are presented as they appear on our demo site.


Style Option Setting
Default Background Level High
Default Body Level High
Default CSS Style Style 1
Default Link Color cc0000
Default Font Settings Font Family: Bebas, Font Size: Default


Style Option Position Setting
Default Logo header-a Show: On
Default Date top-d Show: Off, Client-side Date: Off
Default Font-Sizer feature-f Show: On
Default Login Panel top-a Show: Off, Login Button Text: Member Login, Logout Button Text: Logout
Default Copyright copyright Designed by RocketTheme
Default SmartLoad Show: Off, Offset Y: 10, Component Ignores: com_contact, XPath Ignores: ul.menutop span.image
Default To-Top Scroller copyright Show: On, Scroll to Top
Default System Messages feature-a Show: On
Default Reset Settings copyright Show: On, Reset Settings
Default IE6 Warning Show: On, Delay: 2000
Default Google Analytics Enable: Off


Style Option Setting
Default Menu Control Show: On, Type: Fusion-Menu
Default Select a Menu Main Menu
Default Position navigation
Default Enable JavaScript On
Default Menu Opacity 1
Default Menu Effect Slide
Default Menu Delay 500
Default Menu Animation Sine.easeOut
Default Menu Duration 200
Default Pill Enable: Off, Duration: 400, Animation: Back.easeOut
Default Centered Drop-Downs On
Default Enable ID Off
Default Module Cache On


Style Option Setting
Default Top Positions Positions: 2, 5:7
Default Header Positions Positions: 2, 5:7
Default Showcase Positions Positions: 3, 4:4:4
Default Feature Positions Positions: 2, 6:6
Default MainTop Positions Positions: 3, 4:4:4
Default MainBody Positions Positions: 2, 8:4
Default MainBottom Positions Positions: 3, 4:4:4
Default Bottom Positions Positions: 2, 6:6
Default Footer Positions Positions: 4, 3:3:3:3


Style Option Position Setting
Default iPhone Custom Theme Off
Default Scalable Content Off
Default Standard View Switch mobile-copyright Enable: On, Position: mobile-copyright
Default Mobile Menu Menu: Main Menu, Menu Animation: Cube
Default Image Resize Enabled: On, Min-Width: 80, % of Resize: 33%
Default Positions Aliases mobile-drawer drawer
Default Positions Aliases mobile-top top-a
Default Positions Aliases mobile-header header-a
Default Positions Aliases mobile-navigation mobile-navigation
Default Positions Aliases mobile-showcase mobile-showcase
Default Positions Aliases mobile-footer footer-a
Default Positions Aliases mobile-copyright copyright


Style Option Setting
Default Gantry Cache Enabled: On, Cache Timeout: 900
Default Input Styling Enabled: On, Exclusions: '.content_vote','#rt-popup','#rt-popuplogin','#vmMainPage'
Default Display Component On
Default RTL Support On
Default Build Titles Spans On
Default Page Suffix Off
Default IE6 Redirect On

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