0
Welcome Guest! Login
0 items Join Now

Our Spring Sale is coming to an end, but it's not too late to save big! It's your last chance to save 50% on themes and 35% on memberships!
motionmailapp.com

Plethora: Recreating the Demo - Footer

Your Guide to Recreating Elements of the Plethora Theme for WordPress


Footer Section

1
Text
2
Text
3
Text

Here is the widget breakdown for the Footer section:

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

Text 1

You will need to enter the following in the main text field.

<h4 class="nomarginbottom"><span class="rt-icon-left fa fa-picture-o"></span> <a href="#">RocketLauncher<span class="hidden-tablet"> Package</span></a></h4>
<p class="rt-text-small nomarginbottom">Quickly demo replication</p>
<hr class="clear" />

<h4 class="nomarginbottom"><span class="rt-icon-left fa fa-picture-o"></span> <a href="#">Editable <span class="hidden-tablet">PNG </span>Sources</a></h4>
<p class="rt-text-small nomarginbottom">Adobe&reg; Fireworks PNG Sources</p>
<hr class="clear" />

<h4 class="nomarginbottom"><span class="rt-icon-left fa fa-picture-o"></span> <a href="#"><span class="hidden-tablet">Free </span>Documentation</a></h4>
<p class="rt-text-small nomarginbottom">Online and publicly available</p>
<hr class="clear" />

<h4 class="nomarginbottom"><span class="rt-icon-left fa fa-picture-o"></span> <a href="#">Integrated Addons</a></h4>
<p class="rt-text-small nomarginbottom">Free &amp; GPL RokPlugins</p>

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

  • Enter About Plethora in the Title field.
  • Set the Widget Variations to Box 1.
  • Enter fp-footer-a in the Custom Variations field.
  • 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 2

You will need to enter the following in the main text field.

<div class="gantry-width-container rt-center">
    <div class="gantry-width-33">
        <div class="gantry-width-spacer">
            <a href="http://demo.rockettheme.com/live/wordpress/plethora/about-us/" class="rt-icon-item">
                <span class="rt-icon-large"><i class="fa fa-star"></i></span><br />
                <span>About</span>              
            </a>
        </div>
    </div>
    <div class="gantry-width-33">
        <div class="gantry-width-spacer">
            <a href="http://demo.rockettheme.com/live/wordpress/plethora/the-team/" class="rt-icon-item">
                <span class="rt-icon-large"><i class="fa fa-users"></i></span><br />
                <span>Team</span>               
            </a>
        </div>
    </div>
    <div class="gantry-width-33">
        <div class="gantry-width-spacer">
            <a href="http://demo.rockettheme.com/live/wordpress/plethora/services/" class="rt-icon-item">
                <span class="rt-icon-large"><i class="fa fa-briefcase"></i></span><br />
                <span>Service</span>                
            </a>
        </div>
    </div>
    <div class="gantry-width-33">
        <div class="gantry-width-spacer">
            <a href="http://demo.rockettheme.com/live/wordpress/plethora/pricing-tables/" class="rt-icon-item">
                <span class="rt-icon-large"><i class="fa fa-list-alt"></i></span><br />
                <span>Pricing</span>                
            </a>
        </div>
    </div>
    <div class="gantry-width-33">
        <div class="gantry-width-spacer">
            <a href="http://demo.rockettheme.com/live/wordpress/plethora/portfolio/" class="rt-icon-item">
                <span class="rt-icon-large"><i class="fa fa-cogs"></i></span><br />
                <span>Work</span>               
            </a>
        </div>
    </div>
    <div class="gantry-width-33">
        <div class="gantry-width-spacer">
            <a href="http://demo.rockettheme.com/live/wordpress/plethora/category/blog/" class="rt-icon-item">
                <span class="rt-icon-large"><i class="fa fa-file-text"></i></span><br />
                <span>Blog</span>               
            </a>
        </div>
    </div>
    <div class="gantry-width-33">
        <div class="gantry-width-spacer">
            <a href="http://demo.rockettheme.com/live/wordpress/plethora/faq/" class="rt-icon-item">
                <span class="rt-icon-large"><i class="fa fa-comments"></i></span><br />
                <span>FAQ</span>                
            </a>
        </div>
    </div>
    <div class="gantry-width-33">
        <div class="gantry-width-spacer">
            <a href="http://demo.rockettheme.com/live/wordpress/plethora/contact-us/" class="rt-icon-item">
                <span class="rt-icon-large"><i class="fa fa-ticket"></i></span><br />
                <span>Contact</span>                
            </a>
        </div>
    </div>
    <div class="gantry-width-33">
        <div class="gantry-width-spacer">
            <a href="http://demo.rockettheme.com/live/wordpress/plethora/?tmpl=404" class="rt-icon-item">
                <span class="rt-icon-large"><i class="fa fa-chain-broken"></i></span><br />
                <span>Error</span>              
            </a>
        </div>
    </div>              
</div>

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

  • Enter Sample Pages in the Title field.
  • Set the Widget Variations to Title 1.
  • Enter fp-footer-b in the Custom Variations field.
  • Leaving everything else at its default setting, select Save.

Text 3

You will need to enter the following in the main text field.

<p>Enter your email address below and subscribe to our newsletter. We hate spam as much as you do.</p>
<form class="rt-form-horizontal" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=rocketthemeblog', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow" method="post" action="http://feedburner.google.com/fb/a/mailverify">
    <input type="text" name="email" class="inputbox" placeholder="Your Email" />
    <input type="hidden" name="uri" value="rocketthemeblog" />
    <input type="hidden" value="en_US" name="loc" />
    <input type="submit" value="Join" class="readon" name="Submit" />
</form>

<div class="gantry-width-container">
    <div class="gantry-width-50">
        <div class="gantry-width-spacer nomarginleft">
            <div class="module-title largemargintop">
                <h2 class="title"><span>Quick Links</span></h2>
            </div>
            <ul class="rt-footer-menu list-group">
                <li><i class="fa fa-star fa-fw"></i><a href="#"> About</a></li>
                <li><i class="fa fa-edit fa-fw"></i><a href="#"> Docs</a></li>
                <li><i class="fa fa-cog fa-fw"></i><a href="#"> Help</a></li>
                <li><i class="fa fa-comment fa-fw"></i><a href="#"> Contact</a></li>
            </ul>
        </div>
    </div>
    <div class="gantry-width-50">
        <div class="gantry-width-spacer">
            <div class="module-title largemargintop">
                <h2 class="title"><span>Elsewhere</span></h2>
            </div>
            <ul class="rt-footer-menu list-group">
                <li><i class="fa fa-twitter fa-fw"></i><a href="#"> Twitter</a></li>
                <li><i class="fa fa-facebook fa-fw"></i><a href="#"> Facebook</a></li>
                <li><i class="fa fa-google-plus fa-fw"></i><a href="#"> Google Plus</a></li>
                <li><i class="fa fa-rss fa-fw"></i><a href="#"> RSS</a></li>
            </ul>
        </div>
    </div>
</div>

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

  • Enter More Info in the Title field.
  • Set the Widget Variations to Title 1.
  • Enter fp-footer-c 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.