Okay
  Print

I would like to set the Home page like the preview...

Hi, to setup the home page like the preview: 1. Create new page and choose Page Template = Home, hit publish. 2. In the Content editor go to HTML section (not visual) and paste the following code:
[mpc_heading heading="Gentle WordPress Theme, Responsive & Retina ready." subheading="WordPress theme in it's most beautiful form ever. It's just as spectacular on the inside."/]

[mpc_icon_columns]
[mpc_icon_column icon="responsive" heading="Responsive"]Gentle is fully responsive. It looks good on any resolutions and across all devices. It's retina display ready. We manage to give user the same experience on each of the devices.[/mpc_icon_column]
[mpc_icon_column icon="cloud" heading="Rapid Install"]This theme is very easy to install and setup. We made sure everything is as clear as it can be. This product comes with complete documentation and support system.
[/mpc_icon_column]
[mpc_icon_column icon="settings" heading="Easy Customization"]We use our own custom admin panel, where you can setup all of the custom options. Additionally there is a special wizard panel to help you manage your shortcodes.
[/mpc_icon_column]
[mpc_icon_column icon="love" heading="Made with Love"]In MassivePixelCreation we have a passion to make great things. Thats why our products are unique and original in every way. We also focus on performance and usability.
[/mpc_icon_column]
[/mpc_icon_columns]

Recent Portfolio Items

[mpc_recent_portfolio number="6"]

Recent Posts

[mpc_recent_posts number="10"]
3. Then scroll down to the Home Settings > Shortcode Asset section and paste the following code:
[mpc-layerslider uniqueID="layer_slider" defaultWidth="960" defaultHeight="450" pouseOnHover="true" slideshow="true" slideShowDelay="6000" arrowsOffset="0" shadowStyle="none" transitionTime="1000" showControlsOnHover="true" controlsOpacity="1" showBullets="true" showArrows="true" bulletsVerticalOffset="0" bulletsHorizontalOffset="0" swipeGesture="true"]

[mpc-ls-slide class="slide01" dataEasing="easeOutExpo" background="http://mpcreation.pl/themeforest/gentle/wp-content/uploads/2012/09/slide031.jpg" dataTransition="slideLeft" dataThumbnail="http://mpcreation.pl/themeforest/gentle/wp-content/uploads/2012/09/thumb01.jpg"]

[mpc-ls-slider-layer dataX="20" dataY="200" dataDelay="500" dataDuration="500" dataEasing="easeOutExpo" dataEffect="slideLeft" dataFade="off"] 

Welcome to Gentle,

[/mpc-ls-slider-layer] [mpc-ls-slider-layer dataX="20" dataY="250" dataDelay="1000" dataDuration="500" dataEasing="easeOutExpo" dataEffect="slideLeft" dataFade="off"]
fully Responsive & Retina ready WordPress theme.
[/mpc-ls-slider-layer] [mpc-ls-slider-layer dataX="20" dataY="320" dataDelay="1500" dataDuration="500" dataEasing="easeOutExpo" dataEffect="slideLeft" dataFade="off"] Read More [/mpc-ls-slider-layer] [/mpc-ls-slide] [mpc-ls-slide class="slide02" dataEasing="easeOutExpo" background="http://mpcreation.pl/themeforest/gentle/wp-content/uploads/2012/09/slide04bg.jpg" dataTransition="slideRight" dataThumbnail="http://mpcreation.pl/themeforest/gentle/wp-content/uploads/2012/09/thumb021.jpg"] [mpc-ls-slider-layer dataX="70" dataY="60" dataDelay="500" dataDuration="500" dataEasing="easeOutExpo" dataEffect="none" dataFade="on"] [/mpc-ls-slider-layer] [mpc-ls-slider-layer dataX="360" dataY="190" dataDelay="1000" dataDuration="500" dataEasing="easeOutExpo" dataEffect="none" dataFade="on"] [/mpc-ls-slider-layer] [mpc-ls-slider-layer dataX="420" dataY="195" dataDelay="1500" dataDuration="500" dataEasing="easeOutExpo" dataEffect="none" dataFade="on"] [/mpc-ls-slider-layer] [mpc-ls-slider-layer dataX="575" dataY="30" dataDelay="1500" dataDuration="500" dataEasing="easeOutExpo" dataEffect="slideTop" dataFade="off"]

WordPress theme

[/mpc-ls-slider-layer] [mpc-ls-slider-layer dataX="570" dataY="80" dataDelay="1750" dataDuration="500" dataEasing="easeOutExpo" dataEffect="slideTop" dataFade="off"]

in its most beautiful form ever.

[/mpc-ls-slider-layer] [mpc-ls-slider-layer dataX="490" dataY="155" dataDelay="2000" dataDuration="500" dataEasing="easeOutExpo" dataEffect="slideRight" dataFade="off"]

We use our own custom admin panel, where you can setup all of the custom options. Additionally there is a special wizard panel to help you manage your shortcodes. [/mpc-ls-slider-layer] [mpc-ls-slider-layer dataX="490" dataY="247" dataDelay="2250" dataDuration="500" dataEasing="easeOutExpo" dataEffect="slideRight" dataFade="off"]

This theme is very easy to install and setup. We made sure everything is as clear as it can be. This product comes with complete documentation and support system. [/mpc-ls-slider-layer] [mpc-ls-slider-layer dataX="839" dataY="350" dataDelay="2500" dataDuration="500" dataEasing="easeOutExpo" dataEffect="slideBottom" dataFade="off"] Read More [/mpc-ls-slider-layer] [/mpc-ls-slide] [mpc-ls-slide class="slide03" dataEasing="easeOutExpo" background="http://mpcreation.pl/themeforest/gentle/wp-content/uploads/2012/09/slide04.jpg" dataTransition="slideTop" dataThumbnail="http://mpcreation.pl/themeforest/gentle/wp-content/uploads/2012/09/thumb03.jpg"] [mpc-ls-slider-layer dataX="40" dataY="120" dataDelay="500" dataDuration="500" dataEasing="easeOutExpo" dataEffect="none" dataFade="on"]

There is almost no limit

[/mpc-ls-slider-layer] [mpc-ls-slider-layer dataX="50" dataY="170" dataDelay="750" dataDuration="500" dataEasing="easeOutExpo" dataEffect="none" dataFade="on"]

to what you can do.

[/mpc-ls-slider-layer] [/mpc-ls-slide] [mpc-ls-slide class="slide04" dataEasing="easeOutExpo" background="http://mpcreation.pl/themeforest/gentle/wp-content/uploads/2012/09/slide05.jpg" dataTransition="slideLeft" dataThumbnail="http://mpcreation.pl/themeforest/gentle/wp-content/uploads/2012/09/thumb04.jpg"] [mpc-ls-slider-layer dataX="640" dataY="165" dataDelay="500" dataDuration="500" dataEasing="easeOutExpo" dataEffect="slideRight" dataFade="off"]

The next BIG thing is here

[/mpc-ls-slider-layer] [mpc-ls-slider-layer dataX="451" dataY="200" dataDelay="1000" dataDuration="500" dataEasing="easeOutExpo" dataEffect="slideRight" dataFade="off"]

Gentle WordPress Theme

[/mpc-ls-slider-layer] [/mpc-ls-slide] [/mpc-layerslider]
4. Hit Update :) 5. You are basically done but if you want exactly the same design of the Layer slider as in the preview go into the Theme Options > General > Main Settings, scroll to the Custom CSS section and paste the following code (then hit Save Changes) :
.mpc_ls_slides { font-family: SourceSansProRegular, Helvetica, Arial, sans-serif; }

.mpc_ls_slides h2, 
.mpc_ls_slides h3, 
.mpc_ls_slides h4, 
.mpc_ls_slides h5 { font-family: Raleway, Helvetica, Arial, sans-serif;  font-weight: 200;}

.ls-slide01 {color: #FFFFFF; white-space:nowrap; }
.ls-slide01:hover { color: #FFFFFF!important; }
.ls-slide01:hover span { color: #ff3c10!important; }

.slide02 p { width: 430px; color: #865966;  text-align: right; }
.slide02 h2, .slide02 h4 { color: #7B505D; }

.slide02 a { color: #865966; }
.slide02 a:hover { color: #865966!important; }
.slide02 a:hover span { color: #9A433F; }

.mpc_ls_slide_item a { white-space:nowrap;}
You are done :)