0
Welcome Guest! Login
0 items Join Now

Lumiere: Recreating the Demo - Bottom

Your Guide to Recreating Elements of the Lumiere Theme for WordPress


Bottom Section

Text

You will need to enter the following in the main text field to create this text widget as it appears in our demo. The title is left blank.

<div class="gantry-width-block demo-width-100 nomarginbottom">
  <div class="gantry-width-30 gantry-width-block">
      <div class="gantry-width-spacer">
        <p class="promo-title title fp-popular-theme">Popular Templates</p>
    </div>          
  </div>
  <div class="gantry-width-70 gantry-width-block">
    <div class="gantry-width-spacer">
        <p class="rt-image">
          <img class="fp-img-light rt-noborder" src="http://demo.rockettheme.com/wordpress-themes/wp_lumiere/wp-content/rockettheme/rt_lumiere_wp/frontpage/bottom/img-light.jpg" alt="image">
          <img class="fp-img-dark rt-noborder" src="http://demo.rockettheme.com/wordpress-themes/wp_lumiere/wp-content/rockettheme/rt_lumiere_wp/frontpage/bottom/img-dark.jpg" alt="image">
        </p>
    </div>
  </div>
</div>

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

  • Set the Margin Variation option to No Margin Top.
  • Set the Padding Variation option to No Padding Top.
  • Enter nomarginleft 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.