Your Guide to Recreating Elements of the Lexicon Theme for WordPress
Here is the widget breakdown for the Sidebar section:
This section of the page is a standard text widget. You will need to enter the following in the main text field.
<ul class="menu">
<li><a href="http://demo.rockettheme.com/live/wordpress/lexicon/features-overview/">Gantry<span class="hidden-tablet"> Framework</span></a></li>
<li><a href="http://demo.rockettheme.com/live/wordpress/lexicon/menu-options/">Dropdown<span class="hidden-tablet"> Menu</span></a></li>
<li><a href="http://demo.rockettheme.com/live/wordpress/lexicon/widget-variations/"><span class="hidden-tablet">Widget </span>Variations</a></li>
<li><a href="http://demo.rockettheme.com/live/wordpress/lexicon/widget-positions/"><span class="hidden-tablet">Widget </span>Positions</a></li>
<li><a href="http://demo.rockettheme.com/live/wordpress/lexicon/typography/"><span class="hidden-tablet">Custom </span>Typography</a></li>
<li><a href="#"><span class="hidden-tablet">Multiple </span>Presets</a></li>
</ul>
Here is a breakdown of options changes you will want to make to match the demo.
Inside Lexicon
.fp-sidebar-01
in the Custom Variations field.This section of the page is a standard text widget. You will need to enter the following in the main text field.
<span>Google Chrome</span>
<span class="rt-text-small"><em>Webkit-based</em></span>
<span class="icon-star"></span> <span class="icon-star"></span> <span class="icon-star"></span> <span class="icon-star"></span> <span class="icon-star"></span>
<hr />
<span>Apple Safari</span>
<span class="rt-text-small"><em>Webkit-based</em></span>
<span class="icon-star"></span> <span class="icon-star"></span> <span class="icon-star"></span> <span class="icon-star-half-empty"></span> <span class="icon-star-empty"></span>
<hr />
<span>Mozilla Firefox</span>
<span class="rt-text-small"><em>Gecko-based</em></span>
<span class="icon-star"></span> <span class="icon-star"></span> <span class="icon-star"></span> <span class="icon-star"></span> <span class="icon-star-empty"></span>
<hr />
<span>Microsoft Internet Explorer</span>
<span class="rt-text-small"><em>Trident-based</em></span>
<span class="icon-star"></span> <span class="icon-star"></span> <span class="icon-star"></span> <span class="icon-star-empty"></span> <span class="icon-star-empty"></span>
<hr />
<span>Opera</span>
<span class="rt-text-small"><em>Presto-based</em></span>
<span class="icon-star"></span> <span class="icon-star"></span> <span class="icon-star"></span> <span class="icon-star"></span> <span class="icon-star-empty"></span>
Here is a breakdown of options changes you will want to make to match the demo.
Browser Survey
.fp-sidebar-02
in the Custom Variations field.