How to replace Front Page 1 image section with a Soliloquy slider in Altitude Pro

In this tutorial I show how a full width responsive Soliloquy (commercial plugin) slider can be set up in Altitude Pro below the header.

Install and activate Soliloquy. Create a slider and upload/select your images. In this example I have used images that are 1600 x 1050. In Config tab, set 'Full Width' for 'Slider Dimensions' and enter your images' width and height.

Step 1

At Appearance > Customize, remove the background image for Featured Section 1.

Step 2

In front-page.php replace

	genesis_widget_area( 'front-page-1', array(
	'before' => '<div id="front-page-1" class="front-page-1"><div class="image-section"><div class="flexible-widgets widget-area' . altitude_widget_area_class( 'front-page-1' ) . '"><div class="wrap">',
	'after' => '</div></div></div></div>',
	) );

view raw gistfile1.php hosted with by GitHub

with