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.
Media error: Format(s) not supported or source(s) not found
Download File: https://sridharkatakam.com/wp-content/uploads/2018/03/business-pro-soliloquy-slider.mp4?_=2Tested in Business Pro v1.0.4.
Step 1
Install and activate Soliloquy (premium version).
Create a slider named say, Home Slider
and 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:
<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>
Make sure to click the "Save Metadata" button.
c) In the Mobile tab check "Show Captions on Mobile?".
Step 2
Edit 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
To view the full content, please sign up for the membership.
Already a member? Log in below or here.