<p>JSN Yoyo provides<strong> 6 major colors variation</strong> for your taste. Each color variation covers not only the main background, but also color of drop-down menu, links, table's header and some others.</p>
<h3>Color variations</h3>
<div class="content-center">
<p><strong>Click on any screenshot to LIVE demo of that color variation. (<a href="index.php?option=com_content&amp;view=article&amp;id=68&amp;Itemid=467&amp;jsn_setcolor=blue">reset to default</a>)</strong></p>
{imageshow sl=4 sc=2 with=600 h=350 /}
<p>Interactive images presentation by <a href="http://www.joomlashine.com/joomla-extensions/jsn-imageshow.html" target="_blank">JSN ImageShow extension</a></p>
</div>
<hr class="line-dots" />
<h3>Color configuration</h3>
<p>Each template color can be configured by 3 different ways:</p>
<div class="grid-layout">
<div>
<h4>By template parameter</h4>
<p><img src="images/content/template-details/design-features/color-variations/color-config-tp.png" border="0" width="215" height="125" /></p>
<p>Template color can be set by template parameter <strong>Template Color</strong> in administration panel.</p>
</div>
<div>
<h4>By "Page Class Suffix"</h4>
<p><img src="images/content/template-details/design-features/color-variations/color-config-pcs.png" border="0" width="215" height="125" /></p>
<p>Template color can be defined in parameter <strong>Page Class Suffix</strong> of menu items as <strong>custom-color-xxx</strong><strong>.</strong></p>
</div>
<div>
<h4>By Site tools panel</h4>
<p><img src="images/content/template-details/design-features/color-variations/color-config-st.png" border="0" width="215" height="125" /></p>
<p>Template color can be selected by website visitor from <strong>Color Selector</strong> in <strong>Site tools</strong>.</p>
</div>
</div>