In this tutorial I share the steps for setting up a Soliloquy (commercial plugin) slider as full screen background for header and Home 1 section of Centric Pro.
Screenshot:
Screencast:
Step 1
Install and activate Soliloquy.
Step 2
Create a slider named say, 'Home Slider' and set it up like so:
Config tab:
Wow… thanks for this one.
Hi Sridhar,
The resizing slider works great. I am having a tough time getting the transparent header to work. I have Centric Pro, Genesis, ad WP up to date with latest versions. I’m using Design Pallet Pro to edit the header color and everything. Which part of your code above makes the header transparent? then I can research in my site code to see what’s different or overriding the transparency code
Thanks.
CSS in Theme Colors is affecting code. Comment out .site-header in your style.css Theme Colors section.
Hi Sridhar,
I’ve tried this with Dynamik and my menu is sitting below the slider and can’t seem to position it correctly. Any chance you could do a version of this for Dynamik?
Thanks
Follow https://sridharkatakam.com/full-screen-soliloquy-slider-widget-overlay-dynamik/
The result is awesome! Will this work with a widget area created in another Genesis child theme? let’s say Sample theme for example. Thanks in advance.
Hi,
I’ve just try this tutorials… Look like it should be on computer, except that I still have a blue stripe under the slider… And also in mobile in break drown look very bad! Any idea?
Thx
Where can I see the issue? URL?
Hi,
I give up cause it was to slow as landing page!
Thanks any way!
This worked perfectly! Thanks for the great tutorial. I’m wondering, is there a way to add a parallax effect while using the Soliloquy slider?
Not directly.
But it is possible to send the images uploaded to a Soliloquy slider onto Backstretch jQuery, which then can show one image at a time (and cycling one after the other) as a background with Parallax effect.