<p class="attention">Access the Style Control settings from <strong>Admin &rarr; Extensions &rarr; Template Manager &rarr; rt_reflex_j15 &rarr; Settings</strong>.</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><strong>Background Level:</strong> <em>Low, Med or High</em>; Select a background detailing level</li>
	<li><strong>CSS Style:</strong> <em>Style 1-6</em>; Choose from a selection of prebuilt color sets</li>
	<li><strong>Read More Style:</strong> <em>Button and Link</em>; Set the read more link styling for the template</li>
	<li><strong>Load Transition:</strong> On - Off; Enable or disable the page loading transition animation effects</li>
	<li><strong>Web Fonts:</strong> <em>On - Off, Google Font Directory</em>; 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><strong>Font Settings</strong>: Select a font family from the available options and also choose a default font size
		<ul>
			<li><strong>Font Family:</strong> Reflex, Geneva, Optima, Helvetica, Trebuchet, Lucida, Georgia, Palatino, or <strong>Various Google Fonts</strong> <em>(dropdown)</em></li>
			<li><strong>Font Size:</strong> Default, Extra Large, Large, Small, Extra Small <em>(dropdown)</em></li>
		</ul>
	</li>
</ul>

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

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

<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 <strong>Extensions → Template Manager → rt_reflex_j15</strong></li>
	<li>Select the <strong>Menu Items</strong> 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 <strong>Presets → Style Presets</strong> parameter area</li>
	<li>Configure the <strong>Settings</strong> area to your personal preferences</li>
	<li>Save</li>
</ul>

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

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

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

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

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