<p class="attention">Access the Style Control settings from: <strong>Admin → Extensions → Template Manager → <em>(J15) rt_radiance_j15</em> or <em>(J17) rt_radiance</em> → Settings</strong></p>

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

<h3>Color Chooser Settings</h3>

<p>A Color Chooser template uses CSS color values, combined with transparent overlay images, to determine its color and style. Therefore, you can change the entire color scheme via the Gantry Administrator. The available options are outlined below:</p>

<ul class="list-icon rightarrow">
	<li><strong>Top, Main, Accent, Content &amp; Bottom:</strong> Background, Overlay (Light/Dark), Text &amp; Link</li>
</ul>

<img src="images/stories/demo/general/style-4.jpg" alt="Image" class="rt-image floatleft" height="377" width="320" />
<img src="images/stories/demo/general/style-5.jpg" alt="Image" class="rt-image" height="377" width="320" />

<div class="clear"></div>

<h4>Background Picker</h4>

<p>The Background Picker allows you to load a background image, either through RokGallery or the Joomla Media Manager.</p>

<p><img src="images/stories/demo/general/style-6.jpg" alt="Image" class="rt-image" height="117" width="605" /></p>

<div class="rt-demo-grid-4">
<ul class="list-icon info">
	<li><strong>Files Window:</strong> View all individual images from RokGallery</li>
	<li><strong>Galleries Window:</strong> View all galleries from RokGallery</li>
</ul>
</div>
<div class="rt-demo-grid-4">
<ul class="list-icon info">
	<li><strong>Selection Window:</strong> Select the individual slice of a file</li>
	<li><strong>Media Manager:</strong> Load an image from the Media Manager</li>
</ul>
</div>
<div class="clear"></div>

<a href="images/stories/demo/general/style-8.jpg" rel="rokbox[722 501](background)" title="Background Picker :: Files Window"><img src="images/stories/demo/general/style-8-thumb.jpg" alt="Image" class="rt-image floatleft" width="320" height="222" /></a>
<a href="images/stories/demo/general/style-9.jpg" rel="rokbox[722 501](background)" title="Background Picker :: Galleries Window"><img src="images/stories/demo/general/style-9-thumb.jpg" alt="Image" class="rt-image" width="320" height="222" /></a>
<div class="clear"></div>
<br />

<a href="images/stories/demo/general/style-10.jpg" rel="rokbox[722 501](background)" title="Background Picker :: Selection Window"><img src="images/stories/demo/general/style-10-thumb.jpg" alt="Image" class="rt-image floatleft" width="320" height="222" /></a>
<a href="images/stories/demo/general/style-11.jpg" rel="rokbox[722 501](background)" title="Background Picker :: Media Manager"><img src="images/stories/demo/general/style-11-thumb.jpg" alt="Image" class="rt-image" width="320" height="222" /></a>
<div class="clear"></div>

<h3>Other Style Settings</h3>

<ul class="list-icon rightarrow">
	<li><strong>Load Transition:</strong> On - Off; Enable or disable the page loading transition animation effects</li>
	<li><strong>Fixed Header:</strong> <em>On - Off</em>; Enable or Disable a fixed floating header section.</li>
	<li><strong>Read More Style:</strong> <em>Button and Link</em>; Set the read more link styling for the template</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> radiance, 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>

<div class="module-title"><div class="module-title2"><div class="module-title3"><h2 class="title">Assigning a Style to a Specific Page</h2></div></div></div>

<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><strong>(J15)</strong> Go to <strong>Extensions → Template Manager → rt_radiance_j15 &rarr; Menu Items &rarr; <em>*Menu Item*</em></strong></li>
	<li><strong>(J17)</strong> Go to <strong>Extensions → Template Manager → rt_radiance &rarr; Assignments &rarr; <em>*Menu Item*</em></strong><br /><br /></li>	

	<li><strong>(J15)</strong> Select your preset from <strong>Presets → Style Presets</strong>, configure and save.</li>
	<li><strong>(J17)</strong> Select your preset from <strong>Show Presets</strong>, configure and save.</li>
</ul>

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