Welcome to the demo site for the Inceptive theme

The Inceptive theme makes it as easy as possible for you to use a slideshow instead of a banner. Choose from the settings in the Inspector and then add your images to the "Resources" folder.

You have several slideshow options to choose from the Inspector. Each one is explained below:

Inspector Options

Stacks Image 1141

You have several slideshow options to choose from the Inspector. Each one is explained below:

Slideshow 3 Images (1,2,3) - This will create a slideshow that contains 3 images (slide1.jpg, slide2.jpg, & slide3.jpg)

Slideshow 3 Images (4,5,6) - This will create a slideshow that contains 3 images (slide4.jpg, slide5.jpg, & slide6.jpg).

Slideshow 3 Images (7,8,9) - This will create a slideshow that contains 3 images (slide7.jpg, slide8.jpg, & slide9.jpg).

Slideshow 4 Images (1,2,3,4) - This will create a slideshow that contains 4 images (slide1.jpg, slide2.jpg, slide3.jpg, & slide4.jpg)

Slideshow 4 Images (5,6,7,8) - This will create a slideshow that contains 4 images (slide5.jpg, slide6.jpg, slide7.jpg, & slide8.jpg)

Slideshow 5 Images (1,2,3,4,5) - This will create a slideshow that contains 5 images (slide1.jpg, slide2.jpg, slide3.jpg, slide4.jpg, & slide5.jpg)

Slideshow 5 Images (6,7,8,9, 10) - This will create a slideshow that contains 5 images (slide6.jpg, slide7.jpg, slide8.jpg, slide9.jpg, & slide10.jpg)

Slideshow 6 Images - This will create a slideshow that contains 6 images (slide1.jpg, slide2.jpg, slide3.jpg, slide4.jpg, slide5.jpg, & slide6.jpg)

Slideshow 7 Images - This will create a slideshow that contains 6 images (slide1.jpg, slide2.jpg, slide3.jpg, slide4.jpg, slide5.jpg, slide6.jpg, & slide7.jpg)

Slideshow 8 Images - This will create a slideshow that contains 6 images (slide1.jpg, slide2.jpg, slide3.jpg, slide4.jpg, slide5.jpg, slide6.jpg, slide7.jpg, & slide8.jpg)

Slideshow 9 Images - This will create a slideshow that contains 6 images (slide1.jpg, slide2.jpg, slide3.jpg, slide4.jpg, slide5.jpg, slide6.jpg, slide7.jpg, slide8.jpg, & slide9.jpg)

Slideshow 10 Images - This will create a slideshow that contains 6 images (slide1.jpg, slide2.jpg, slide3.jpg, slide4.jpg, slide5.jpg, slide6.jpg, slide7.jpg, slide8.jpg, slide9.jpg, & slide10.jpg)

You will need to follow a specific naming scheme for the slideshow to work. You should name each slideshow image slide1.jpg, slide2.jpg, slide3.jpg, etc …

Slide 1  = slide1.jpg
Slide 2 =  slide2.jpg
Slide 3  = slide3.jpg
Slide 4 =  slide4.jpg
Slide 5  = slide5.jpg
Slide 6 =  slide6.jpg
Slide 7  = slide7.jpg
Slide 8 =  slide8.jpg
Slide 9  = slide9.jpg
Slide 10 =  slide10.jpg

Slideshow Image Placement

After you have created your slideshow images you will need drag and drop them into the "Resources" folder of RapidWeaver.

Stacks Image 1158

How To Add Captions to Each Slide


Adding a caption to each individual slide will require that you either use a snippet (comes with your theme upon purchase) or copy and paste the snippet(s) below and paste them to your sidebar area.

Stacks Image 465
Stacks Image 458

If you don’t want to bother with installing snippets or for some reason you loose them you can always just copy and paste the snippets below into your sidebar and achieve the same result.

Slide 1 Caption

<div class="slide1-caption">
	<span class="h">Slide One Title</span>
	<span class="p">Lorem ipsum dolor sit amet, ullamcorper.</span>
</div>

Slide 2 Caption

<div class="slide2-caption">
	<span class="h">Slide Two Title</span>
	<span class="p">Lorem ipsum dolor sit amet, ullamcorper.</span>
</div>

Slide 3 Caption

<div class="slide3-caption">
	<span class="h">Slide Three Title</span>
	<span class="p">Lorem ipsum dolor sit amet, ullamcorper.</span>
</div>

Slide 4 Caption

<div class="slide4-caption">
	<span class="h">Slide Four Title</span>
	<span class="p">Lorem ipsum dolor sit amet, ullamcorper.</span>
</div>

Slide 5 Caption

<div class="slide5-caption">
	<span class="h">Slide Five Title</span>
	<span class="p">Lorem ipsum dolor sit amet, ullamcorper.</span>
</div>

Slide 6 Caption

<div class="slide6-caption">
	<span class="h">Slide Six Title</span>
	<span class="p">Lorem ipsum dolor sit amet, ullamcorper.</span>
</div>

Slide 7 Caption

<div class="slide7-caption">
	<span class="h">Slide Seven Title</span>
	<span class="p">Lorem ipsum dolor sit amet, ullamcorper.</span>
</div>

Slide 8 Caption

<div class="slide8-caption">
	<span class="h">Slide Eight Title</span>
	<span class="p">Lorem ipsum dolor sit amet, ullamcorper.</span>
</div>

Slide 9 Caption

<div class="slide9-caption">
	<span class="h">Slide Nine Title</span>
	<span class="p">Lorem ipsum dolor sit amet, ullamcorper.</span>
</div>

Slide 10 Caption

<div class="slide10-caption">
	<span class="h">Slide Ten Title</span>
	<span class="p">Lorem ipsum dolor sit amet, ullamcorper.</span>
</div>