Your Guide to Recreating Elements of the Epsilon Theme for WordPress
Here is the widget breakdown for the Extension section:
This section of the page is a standard text widget. You will need to enter the following in the main text field.
<div class="rt-width-80">An overview of the latest WordPress theme offerings from RocketTheme, available for individual purchase or part of a club subscription.</div>
<div class="gantry-width-25 gantry-width-block">
<div class="gantry-width-spacer">
<svg class="rt-hexagon-svg" width="250px" height="250px" viewBox = "0 0 200 200" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
<g>
<clipPath id="rt-hexagon-mask-7">
<polygon points="99.9999999999999,196 16.8615612366939,148 16.8615612366939,52 100,4 183.138438763306,52 183.138438763306,148" />
</clipPath>
</g>
<a xlink:href="#">
<image clip-path="url(#rt-hexagon-mask-7)" height="100%" width="100%" xlink:href="http://(your site URL)/wp-content/rockettheme/rt_epsilon_wp/frontpage/extension/img1.jpg" />
</a>
</svg>
<h5 class="rt-uppercase nomarginbottom rt-regular-text">Anacron</h5>
<h5 class="rt-small-text nomargintop">Responsive</h5>
<div class="rt-divider"></div>
<div class="rt-price rt-light-text">$49</div>
<p class="rt-small-text">Anacron is a vibrant, highly adaptable and engaging theme, ideal for many sites, from community to business.</p>
</div>
</div>
<div class="gantry-width-25 gantry-width-block">
<div class="gantry-width-spacer">
<svg class="rt-hexagon-svg" width="250px" height="250px" viewBox = "0 0 200 200" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
<g>
<clipPath id="rt-hexagon-mask-8">
<polygon points="99.9999999999999,196 16.8615612366939,148 16.8615612366939,52 100,4 183.138438763306,52 183.138438763306,148" />
</clipPath>
</g>
<a xlink:href="#">
<image clip-path="url(#rt-hexagon-mask-8)" height="100%" width="100%" xlink:href="http://(your site URL)/wp-content/rockettheme/rt_epsilon_wp/frontpage/extension/img2.jpg" />
</a>
</svg>
<h5 class="rt-uppercase nomarginbottom rt-regular-text">Hadron</h5>
<h5 class="rt-small-text nomargintop">Color Chooser</h5>
<div class="rt-divider"></div>
<div class="rt-price rt-light-text">$49</div>
<p class="rt-small-text">Hadron is a contemporary, conservative and flat design direction with new and rich animations.</p>
</div>
</div>
<div class="gantry-width-25 gantry-width-block">
<div class="gantry-width-spacer">
<svg class="rt-hexagon-svg" width="250px" height="250px" viewBox = "0 0 200 200" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
<g>
<clipPath id="rt-hexagon-mask-9">
<polygon points="99.9999999999999,196 16.8615612366939,148 16.8615612366939,52 100,4 183.138438763306,52 183.138438763306,148" />
</clipPath>
</g>
<a xlink:href="#">
<image clip-path="url(#rt-hexagon-mask-9)" height="100%" width="100%" xlink:href="http://(your site URL)/wp-content/rockettheme/rt_epsilon_wp/frontpage/extension/img3.jpg" />
</a>
</svg>
<h5 class="rt-uppercase nomarginbottom rt-regular-text">Paradigm</h5>
<h5 class="rt-small-text nomargintop">Icon Driven</h5>
<div class="rt-divider"></div>
<div class="rt-price rt-light-text">$49</div>
<p class="rt-small-text">Paradigm is a rich infusion of elegant transparency with a modern frame, to create an invigorating site.</p>
</div>
</div>
<div class="gantry-width-25 gantry-width-block">
<div class="gantry-width-spacer">
<svg class="rt-hexagon-svg" width="250px" height="250px" viewBox = "0 0 200 200" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
<g>
<clipPath id="rt-hexagon-mask-10">
<polygon points="99.9999999999999,196 16.8615612366939,148 16.8615612366939,52 100,4 183.138438763306,52 183.138438763306,148" />
</clipPath>
</g>
<a xlink:href="#">
<image clip-path="url(#rt-hexagon-mask-10)" height="100%" width="100%" xlink:href="http://(your site URL)/wp-content/rockettheme/rt_epsilon_wp/frontpage/extension/img4.jpg" />
</a>
</svg>
<h5 class="rt-uppercase nomarginbottom rt-regular-text">Spectral</h5>
<h5 class="rt-small-text nomargintop">Header Images</h5>
<div class="rt-divider"></div>
<div class="rt-price rt-light-text">$49</div>
<p class="rt-small-text">Spectral echoes modern approaches to create an elegant frame, focusing on content and excellence.</p>
</div>
</div>
<div class="clear"></div>
Here is a breakdown of options changes you will want to make to match the demo.
New Products
.fp-extension
in the Custom Variations field.