Lumiere: Recreating the Demo - Bottom

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 Themes</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.