Genesis and WordPress Tutorials
by Sridhar Katakam 11 Comments Favorited: 5 times
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.
Install and activate Soliloquy.
Create a slider named say, 'Home Slider' and set it up like so:
To view the full content, please sign up for the membership.
Already a member? Log in below or here.
Find my tutorials helpful and wish to donate?
Please log in again. The login page will open in a new tab. After logging in you can close it and return to this page.
Wow… thanks for this one.
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
CSS in Theme Colors is affecting code. Comment out .site-header in your style.css Theme Colors section.
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?
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.
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?
Where can I see the issue? URL?
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?
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.