Sridhar Katakam

Genesis and WordPress Tutorials

Full Screen Featured Image Background Parallax section on Posts and Pages in Altitude Pro

by 16 Comments

In the comments section of Featured Image Background Parallax section on Posts and Pages in Altitude Pro tutorial, a user asked:

I just applied this tutorial to Altitude Pro project and it worked well. Now, the question is how can I force that featured image to display full view in screen? (just like front-page-1 image section) I find that size a bit small and a pain if a client uploads a general image, so I thought making the image display full height just like in front-page-1 of Altitude Pro may work better. Any suggestions as to how I can modify the your code to make this happen? Thanks.

Screenshot of sample Page:

sample-page-altitude-pro-full-featured-image-parallax

Screenshot of sample Post:

sample-post-altitude-pro-full-featured-image-parallax

Step 1

Implement all the steps in Featured Image Background Parallax section on Posts and Pages in Altitude Pro.

Step 2

In singular.js, add

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

Already a member? Log in below or here.

comment_count comments
Top rated
Newest
Oldest
Top rated

Comment as a guest:

or
>