• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2752

Original WordPress Tutorials & 6000+ Guaranteed Code

Snippets

  • Videos
  • Premium Access
  • Log in

Genesis After Header Parallax Template

This download includes 2 templates which enable you to add a image after the header with the Parallax Effect.

You can overlay either the (1) post/page title or (2) widget content which moves at a different speed to the image on scroll creating a parallax effect.

Here’s the demo video showing what each template does.

Demo Video #

Tested after installation in the Parallax Pro & Genesis Sample child themes by StudioPress.

Shows the featured image used as the parallax image on selected single posts and pages. Also shows the fallback image used when no featured image set.

The templates are named :

  1. Parallax Single Title – This file is named parallax_single_title.php
  2. Parallax Single Widget – This file is named parallax_single_widget.php

The Parallax Single Title template displays the entry title and post info which includes the author name and post authors archive link outside the loop.

Installation – Included #

There’s only 3 steps relating to installation of the code in the download folder :

Step 1 : Upload the folder named parallax to your child themes root directory like this :

Register or login to access the download folder :

Register for full access

Related Templates

  • Templates To Add Unique Hero Image After Header With Overlaying Content In Parallax Pro

After Header Image Parallax Pro Theme

Reader Interactions

Comments

  1. Chavi Rokach says

    March 18, 2019 at 2:44 pm

    How could I minimize the size of that background image, to let’s say 300px high?

    Log in to Reply
    • Brad Dalton says

      March 18, 2019 at 3:38 pm

      There would be at least 3 ways to do this :

      1. You could modify the value for this CSS declaration height: calc(100vh - 66px); when used with the

      2. You could use jQuery to control the height.

      3. You could crop the image to a height of 300px.

      Log in to Reply
  2. Erica Sloan says

    October 13, 2018 at 7:43 am

    Thank you so much!

    Log in to Reply

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Advertise · WPEngine · Genesis · Log in

  • Access/Download Problems
  • Account Details
 

Loading Comments...
 

You must be logged in to post a comment.