Updated on April 26, 2018 In the members-only forum, a user asked:
Hi! I see you have done some tutorials for other themes like Showcase Pro to replace the hero video with a Soliloquy slider. I would like to do the same thing with the Business Pro theme. Could you please provide a tutorial for that customization? Thank you!This tutorial provides the steps to replace background video in Front Page 1 section of Business Pro with a Soliloquy slider. We shall style the slide captions to appear overlayed on top of the images similar to the text in the Front Page 1 widget.
Tested in Business Pro v1.0.4.
Step 1Install and activate Soliloquy (premium version). Create a slider named say,
Home Sliderand upload/select your desired slide images. a) In the Config tab, set Image Size to Full Width and enter the images' width and height. b) If you would like to show captions on top of individual slides, use this sample HTML and modify:
Make sure to click the "Save Metadata" button. c) In the Mobile tab check "Show Captions on Mobile?".
<h1>Create your website with Business Pro</h1> <p>Everything you need to create your own beautiful website.</p> <a href="#custom_html-5" class="button accent">See Our Services</a>
Step 2Edit front-page.php. Change
// Get custom header markup. ob_start(); the_custom_header_markup(); $custom_header = ob_get_clean(); // Display Front Page 1 widget area. genesis_widget_area( 'front-page-1', array( 'before' => '<div class="front-page-1 page-header" role="banner" ' . business_custom_header() . '>' . $custom_header . '<div class="wrap">', 'after' => '</div>', ) );
To view the full content, please sign up for the membership.
Already a member? Log in below or here.