One of our users wrote step by step instructions on how to set up Expansion like the demo site using these export files. Click [http://ithemes.com/forum/topic/25777-how-to-setup-home-page-similar-to-child-theme-demo/page__view__findpost__p__121887 here] to read her post.

One of our users wrote step by step instructions on how to set up Expansion like the demo site using these export files. Click [http://ithemes.com/forum/topic/25777-how-to-setup-home-page-similar-to-child-theme-demo/page__view__findpost__p__121887 here] to read her post.

+

+

=== How to set up top 3 modules like that in the demo site ===

+

+

If you would like to set up a copy of upper 3 modules in your Builder site in which Expansion is the active theme, similar to [http://demos.ithemes.com/expansion/ Expansion demo site], do the following:

+

+

'''1.''' Create a layout called <code>Home</code>.

+

+

'''2.''' Add the top most module. A HTML module having the following code:

2. Add the following at the end of child theme's style.css (to take care of this in single posts):

.single-post .hentry .author {
display: none;
}

How to have a slideshow at left and static text at right using a HTML module

Note: In the following example, the layout width is 960px. If your site's layout width is different, you may have to adjust the values accordingly.

1. Install Slideshow plugin. Create a group. Set slide image dimensions to 530 x 300. In "Slider Mode Settings", set Horizontal Alignment to Left. Adjust any other settings per your liking. Add the images that should appear in slider.

In the above replace [pb_slideshow group="2"] with the shortcode for your slideshow group. Also replace the content of "my-featured-right" div with the HTML code that you want to appear to the right of sliding images.

Set Style to "Slider at left and HTML on right".

5. Add the following at the end of child theme's style.css (WP dashboard -> Appearance -> Editor):