0
Welcome Guest! Login
0 items Join Now

Ionosphere: Recreating the Demo - Footer

Your Guide to Recreating Elements of the Ionosphere Theme for WordPress


Footer Section

Here is the widget breakdown for the Footer section:

  • Text
  • Gantry Divider
  • Text
  • Gantry Divider
  • Text

Text

The first Text widget in the section is made a lot like the others. You will need to enter the following in the main text field.

<ul class="dots normarginbottom">
    <li class="smallmarginbottom"><a href="http://demo.rockettheme.com/wordpress-themes/wp_ionosphere/tutorials/rocketlauncher/">RocketLauncher: Demo Pack</a><br /><span>A complete, streamlined / modified WordPress install that replicates this theme demo.</span> </li>
  <li class="smallmarginbottom"><a href="http://demo.rockettheme.com/wordpress-themes/wp_ionosphere/plugins/">Plugins Package</a><br /><span>A zip package that contains all of the plugins utilised in this theme.</span></li>
  <li class="smallmarginbottom"><a href="http://demo.rockettheme.com/wordpress-themes/wp_ionosphere/tutorials/installation/">Adobe&#174; Fireworks PNG Sources</a><br /><span>Theme / BG Sources &amp; Font(s).</span></li>
</ul>

Here is a breakdown of options changes you will want to make to match the demo.

  • Set the Title to Additional Downloads.
  • Set the Title Variation to Title 1.
  • Leaving everything else at its default setting, select Save.

Gantry Divider

This widget tells WordPress to start a new widget column beginning with the widget placed directly below the divider in the section.

Text

The second Text widget in the section is made a lot like the others. You will need to enter the following in the main text field.

<p>All demo content is for <strong>sample</strong> purposes only, intended to represent a live site. All content images are licensed from <a href="http://www.shutterstock.com/" target="_blank">shutterstock.com</a> for exclusive use on this demo only.</p>

<span>Note: <strong>RokSprocket</strong> requires Gantry 1.27&#43; and RokCommon 3.0&#43;.</span>aced with <strong>sample images</strong> to avoid any copyright issue.</p>

Here is a breakdown of options changes you will want to make to match the demo.

  • Set the Title to Demo Information.
  • Set the Title Variation to Title 1.
  • Leaving everything else at its default setting, select Save.

Text

The third Text widget in the section is made a lot like the others. You will need to enter the following in the main text field.

<div class="feature">
<img src="http://demo.rockettheme.com/wordpress-themes/wp_ionosphere/wp-content/rockettheme/rt_ionosphere_wp/frontpage/fp-footer-icon1.png" alt="image" class="largepaddingleft floatleft smallpaddingright medpaddingtop" />
<a><em class="bold2 nobold"> 1 (555) 555-555-5555</em></a><br />
<a><em class="bold2 nobold"> 1 (555) 555-555-5556</em></a>
<div class="clear largemarginbottom">&nbsp;</div>
<img src="http://demo.rockettheme.com/wordpress-themes/wp_ionosphere/wp-content/rockettheme/rt_ionosphere_wp/frontpage/fp-footer-icon3.png" alt="image" class="largepaddingleft floatleft smallpaddingright largemarginbottom largepaddingbottom" />
<em class="bold2 nobold">
    Ionosphere Theme LLC<br />
  123 Joomla! Boulevard<br />
  Seattle, WA 00000, USA
</em>
<div class="clear largemarginbottom">&nbsp;</div>
<img src="http://demo.rockettheme.com/wordpress-themes/wp_ionosphere/wp-content/rockettheme/rt_ionosphere_wp/frontpage/fp-footer-icon4.png" alt="image" class="largepaddingleft floatleft smallpaddingright" />
<em class="bold2 nobold">noreply&#64;domain.com</em>
</div>

Here is a breakdown of options changes you will want to make to match the demo.

  • Set the Title to Contact Details.
  • Set the Title Variation to Title 1.
  • Enter promo in the Custom Variations field.
  • Leaving everything else at its default setting, select Save.

Found errors? Think you can improve this documentation? Please edit this page. You can also view the history of this page.