This template adds parallax to the background image sections in the front page of the new version of the Genesis Sample child theme by StudioPress.
The background image sections move at a different speed to the overlaying widget content when scrolling, creating the parallax scrolling effect you see in the following demo video :
Demo Video #
Shows the parallax scrolling effect applied to the background image sections on the Genesis Sample themes front page template.
You can also use this template on any single page, post or custom post type using this method.
Call-to-Action Widget #
Note : Also includes the following single column Call-to-Action widget before the footer which only displays on the front page. All other pages may use the 3 column footer widgets.
The download folder also includes a front page template with widget areas and image sections enabling you to add images via the customizer to create the parallax effect.
Installation #
There’s 3 steps relating to usage of the files inside the download folder for logged in users :
Step 1 : Upload the folder named parallax to the Genesis Sample theme folder.
Step 2 : Upload the front-page.php file to the Genesis Sample theme folder.
Was This Tutorial Helpful?