Demo Homepage 3

This article will guide to the steps to create contents like demo site > Homepage 3

  1. Go to WordPress Dashboard > Pages and click Add New
  2. In Page Options box check Hide Page Title on the right side.
  3. Add page title and content. Then find Content Builder Box Option box on the bottom and check Enable Content Builder.
  4. Once you are done. Click Publish button

Content Builder Modules

Now you created a page. Next is to create its content using Content Builder module. Below are screenshot of all modules used in Homepage 4 demo page.

  • Gallery Slider Fullwidth – Select gallery you want to display in slideshow and select auto play option.
  • Gallery Wall – Select gallery you want to display and display 6 items. Select “fullwidth” for wall layout option.
  • Text, HTML and shortcode Content – Enter title and add background:#fff;text-align:center; to custom CSS. Then enter below code for its content. 
    [tg_small_content class="textcenter"]Lorem ipsum dosectetur adipisicing elit, sed do.Lorem ipsum dolor sit amet, consectetur Nulla fringilla purus at leo dignissim congue. Mauris elementum accumsan leo vel tempor. Sit amet cursus nisl aliquam. Aliquam et elit eu nunc rhoncus viverra quis at felis. Sed do[/tg_small_content]<br/><br/><img src="http://themes.themegoods2.com/vega/wp-content/uploads/2014/11/signature_white.png" alt="signature" width="161" height="38" class="aligncenter size-full wp-image-1402" />
  • Image One Half Width – Upload image. Select left alignment and enter below code for its content. 
    <div class="page_tagline">Travel</div> <h2 class="upper_title">Travel & Lifestyle Documentary</h2> <div class="post_detail">Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse</div> <br/> <a href="http://themes.themegoods2.com/vega/galleries/gallery-classic/" class="button">Check it out</a>
  • Image Three Blocks – Upload 3 images you want to display. Select right image portrait alignment and select display caption and description option.
  • Image Fullwidth – Upload image you want to display and set height to 500. Select to display caption option.
  • Image Four Blocks – Upload 4 images you want to display and select display caption and description option.
Tagged: