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.

Requiem: Recreating the Demo - Template Settings

Your Guide to Recreating Elements of the Requiem Demo for Joomla


Theme Style 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 -> Components -> Gantry 5 Themes -> Requiem. To replicate the demo, the styling changes are being made in the Styles tab.

This table will break down the various settings you may need to adjust in order to recreate the demo. Most of the settings under Styles are adjusted automatically with the selection of a template preset. You can set presets using the Presets options located at the top of the Styles admin panel.

Once you have selected a Preset, these options can be further adjusted to match the demo. Keep in mind that the Style indicated here relates to the template Style in this menu. More information about how Styles work can be found in our Gantry documentation.

Style Settings

Core Styles

Outline Category Option Setting
Base Outline Base Styles Base Background #ffffff
Base Outline Base Styles Base Text Color #888888
Base Outline Base Styles Favicoon Blank
Base Outline Font Families Body Font roboto, Helvetica, Tahoma, Geneva, Arial, sans-serif
Base Outline Font Families Title Font montserrat, Helvetica, Tahoma, Geneva, Arial, sans-serif
Base Outline Font Families Promo Font montserrat, Helvetica, Tahoma, Geneva, Arial, sans-serif
Base Outline Accent Colors Accent Color 1 #3a7ad9
Base Outline Accent Colors Accent Color 2 #ff6705
Base Outline Accent Colors Accent Color 3 #f7c500

Section Styles

Outline Category Option Setting
Base Outline Top Styles Background #f5f5f5
Base Outline Top Styles Text #888888
Base Outline Header Styles Background #ffffff
Base Outline Header Styles Text #5c5c5c
Base Outline Header Styles Background Image Custom
Base Outline Slideshow Styles Background #ffffff
Base Outline Slideshow Styles Text #888888
Base Outline Showcase Styles Background #ffffff
Base Outline Showcase Styles Text #888888
Base Outline Feature Styles Background #f5f5f5
Base Outline Feature Styles Text #888888
Base Outline Main Styles Background #ffffff
Base Outline Main Styles Text #5c5c5c
Base Outline Extension Styles Background #3a7ad9
Base Outline Extension Styles Text #efefef
Base Outline Extension Styles Background Image Custom
Base Outline Bottom Styles Background #ffffff
Base Outline Bottom Styles Text #888888
Base Outline Footer Styles Background #f5f5f5
Base Outline Footer Styles Text #888888
Base Outline Copyright Styles Background #f5f5f5
Base Outline Copyright Styles Text #888888
Base Outline Offcanvas Section Background #1661cf
Base Outline Offcanvas Section Text #ffffff
Base Outline Offcanvas Section Panel Width 17rem
Base Outline Offcanvas Section Toggle Color #ffffff
Base Outline Above Styles Background #ffffff
Base Outline Above Styles Text #686868
Base Outline Expanded Styles Background #111111
Base Outline Expanded Styles Text #686868
Base Outline FixedSide Styles Background rgba(0, 0, 0, 0.75)
Base Outline FixedSide Section Text #ffffff
Base Outline FixedSide Section FixedSide Width 4rem
Base Outline FixedSide Section Position Left
Base Outline Navigation Colors Background #ffffff
Base Outline Navigation Colors Text #5c5c5c
Base Outline Utility Styles Background #111111
Base Outline Utility Styles Text #5c5c5c

Configuration Styles

Outline Category Option Setting
Base Outline Breakpoints Large Desktop 75rem
Base Outline Breakpoints Desktop 60rem
Base Outline Breakpoints Tablet 48rem
Base Outline Breakpoints Mobile 30rem
Base Outline Breakpoints Mobile Menu 48rem
Base Outline Menu Dropdown Widths 180px
Base Outline Menu Dropdown Animation Fade

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