<p class="attention">Access the Style Control settings from <b>Admin → Extensions → Template Manager → rt_reflex_j15 → Settings</b>.</p>

<p>Simple configure the options, then save and Gantry will automatically load the modified preset to your site.</p>

<h4> Style Settings</h4>

<ul class="list-icon rightarrow">
	<li><b>Background Level:</b> <i>Low, Med or High</i>; Select a background detailing level</li>
	<li><b>CSS Style:</b> <i>Style 1-6</i>; Choose from a selection of prebuilt color sets</li>
	<li><b>Read More Style:</b> <i>Button and Link</i>; Set the read more link styling for the template</li>
	<li><b>Load Transition:</b> On - Off; Enable or disable the page loading transition animation effects</li>
	<li><b>Web Fonts:</b> <i>On - Off, Google Font Directory</i>; WebFonts allow you to use 3rd party WebFonts from providers such as Google. You must SHOW then APPLY before the new fonts will show up in the Font Family dropdown.</li>
	<li><b>Font Settings</b>: Select a font family from the available options and also choose a default font size
		<ul>
			<li><b>Font Family:</b> Reflex, Geneva, Optima, Helvetica, Trebuchet, Lucida, Georgia, Palatino, or <b>Various Google Fonts</b> <i>(dropdown)</i></li>
			<li><b>Font Size:</b> Default, Extra Large, Large, Small, Extra Small <i>(dropdown)</i></li>
		</ul>
	</li>
</ul><p>

<span class="text-icon tags floatleft nomarginright">&nbsp;</span></p>
<div class="module-title"><h2 class="title">Assigning a Style to a Specific Page</h2></div><p>

<img src="images/stories/launcher/style-3.jpg" alt="Image" class="rt-image floatright " height="227" width="225" /></p>

<p>With Gantry, the ability to assign a certain style to an individual page has never been easier and/or more efficient. Just follow these simple steps:</p>

<ul class="list-icon rightarrow">
	<li>Go to <b>Extensions → Template Manager → rt_reflex_j15</b></li>
	<li>Select the <b>Menu Items</b> tab - located in the right column of the page in the orange box</li>
	<li>Choose a menu item you wish to assign a different style to</li>
	<li>Select your preset of choice from the <b>Presets → Style Presets</b> parameter area</li>
	<li>Configure the <b>Settings</b> area to your personal preferences</li>
	<li>Save</li>
</ul>

<p><a href="http://gantry-framework.org/documentation/joomla/configure/per-menu-item-configuration" mce_href="http://gantry-framework.org/documentation/joomla/configure/per-menu-item-configuration" class="readon"><span>Gantry Framework: Per Menu Item Controls</span></a><br mce_bogus="1" /></p><p>

<span class="text-icon tags floatleft nomarginright">&nbsp;</span></p>
<div class="module-title"><h2 class="title">Creating your own Preset Style(s)</h2></div>

<ul class="list-icon rightarrow">
	<li>Go to <b>Extensions → Template Manager → rt_reflex_j15 → Settings</b></li>
	<li>Configure the Settings</li>
	<li>Click <b>Save Custom Presets as New</b></li>
	<li>Follow the <b>Preset Saver procedure</b></li>
</ul>

<p><img class="rt-image floatleft" alt="Image" src="images/stories/launcher/style-1.jpg" mce_src="images/stories/launcher/style-1.jpg" height="134" width="200" />
<img class="rt-image" alt="Image" src="images/stories/launcher/style-2.jpg" mce_src="images/stories/launcher/style-2.jpg" height="134" width="200" /></p>

<p class="notice">You can edit the prebuilt presets in the <b>gantry.config.php</b> file, or use the User Interface method outlined above.</p>