Sridhar Katakam

Genesis and WordPress Tutorials

How to replace Front Page Hero section’s background image with a Soliloquy slider having captions and controls in Showcase Pro

by 1 Comment

In the past I wrote about Full width Soliloquy slider in Showcase Pro. A user asked the following in my Facebook group:

Hi Sridhar. I've used this tutorial to add a slider but I'm having trouble keeping the transparent site header with slider extending all the way to the top. Can you, or someone guide me along with this? Thanks in advance!

In this tutorial I share the steps for replacing Front Page Hero section's background image with a Soliloquy slider with the header floating over the slider. We are going to style the captions so they look like the text widget from the theme demo.

Live Demo

showcase-pro-soliloquy-captions-controls

Step 1

Implement steps 1 and 2 from the earlier tutorial.

Step 2

Replace the entire code in page-header.php with

To view the full content, please sign up for the membership.

Already a member? Log in below or here.

  • Thank you for this tutorial, I have gone through and applied this to a new website I am working on. I was also wondering how I would apply the backstretch option to this slider layout?

    Reply
    • >