Step 1: Add the slider and images

To set up the Soliloquy slider, hover over Soliloquy in your dashboard, then select “Add New”

Title your slider

Upload images. Your images should be 1200px x 300 px to ensure that your slider looks like the demo theme.

Publish the slider

Step 2: Set up the image caption with buttons

If you want to add text with a button to your slider as it appears in the demo do the following:

From the dashboard hover over Soliloquy and click “Soliloquy”

Click the pencil icon to edit your slider captions

Copy the following code and paste it into the caption section on the edit screen

<div class="slider-caption">
<h1>Beautiful Home Page Layout With Slider
</h1>
<p>Responsive theme</p>
<a href="http://theblogloft.com/caroline/">Buy this theme</a/>
</div>




Step 3: Configure the slider settings

From the left panel in the edit screen, click on “Config” and enter the settings in the image below:

 

Step 4: Place the slider short code into the widget area

Copy the slider short code. The go to Appearances > Widgets

Place a text widget into the widget area labeled “Home Top Widget Area”

Check your homepage to see that all your slider settings are correct, and the slider is working well!