This tutorial includes the code which creates a new custom page template for the Parallax child theme by StudioPress.
Note : This new solution adds the Parallax Pro themes front page template to the new version of the Genesis sample child theme by StudioPress.
No need to add the parallax script or CSS as thats already included in the theme.
The template can also be used on any Genesis child theme by adding the additional jQuery script and CSS which is included in this post. Its been added to the Genesis Sample child theme which you can simply download and install.
Here’s the result using the Parallax template on a page in Minimum Pro.
Is there a way to use different background images than the ones used on the homepage?
What theme are you using?
Yes however this would require a different template coded to allow upload of custom images. How many pages did you want to use this template on? And the template depends on whether you’re using Parallax Pro or another child theme.
Hello Brad.
Can I add a gradient layer above the parallax pictures like the altitude them?
Thanks in advance!
I would look at how its done in Altitude Pro and try that method and code with the Parallax page template.
I have it uploaded but now I’m not sure how to create a new page using this template. What am I missing?
Hello Jason
Just create a new page and then select it from the drop down menu under the Page Attributes meta box on the Edit Page screen. Are you using Parallax Pro?
Yes, I’m running Parallex. I found what you are talking about now. Thank you! I can select Parallex Page Template.
Now my question is, how do I edit it like I did on the original homepage? It looks just like my other pages. Forgive me for not completely understanding what to do, but to me it looks just like very other page.
The code you add to functions.php creates new widget areas you populate like the front page widgets.
Sadly, I need a little more direction. I can’t figure out where to go from here. I’m sorry. Any chance you can show more of what to look for after the previous steps?
Send me FTP or cPanel access and i’ll fix it for you Jason.
Okay, I added this to my minimum pro theme for a landing page I’m working on. The only thing I can’t figure out is how to get it outside the minimum pro wrap so that the pictures can extend the full screen (instead of the 1140 content area)
http://blogambitions.com/pinterest-ebook-coming-soon/
Suggestions?
Hello Kristie.
They do extend full screen width in my solution but the result maybe different on other themes
You can change the hook from
genesis_loop
togenesis_after_header
on line 57 of the page_parallax.php file. This worked for the Minimum Pro theme and may not be needed on other themes.Also may need to adjust the CSS:
Added
to the above CSS rule to remove the padding before the footer.
perfect. thank you!