WP SITES

2948 Tutorials & 189 Plugins

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

The templates in this download folder add a unique hero image after the header on single posts and pages.

  • The title-overlay.php template named Entry Title Overlay enables you to overlay the entry title on a unique image on any single post or page.
  • The widget-overlay.php template named Widget Overlay enables you to overlay the content from a text or HTML widget added to the Hero widget.

Custom Fields

To add unique hero images to each page/post using the template, create a new custom field named hero_image and paste the URL to the image in the value field as seen in the demo video.

If no image URL is added, the default image added to customize > Hero Image will be displayed.

To overlay unique text on your image, create a custom field named hero_text and add your text/HTML to the value field as seen in the demo video.

Sample HTML

Demo Video

Shows you how to select the template for use on single pages ad posts as well as add a default hero image via customize > Hero Image and change the image on the single Edit screen using a custom field named hero_image and hero_text.

Tested using the Parallax Pro child theme by StudioPress.

Installation Steps

There’s only 2 steps

  1. # Upload the folder named parallax to your Parallax Pro theme folder like this :
  2.  

  3. # Copy & paste the PHP code from the functions.php file to the end of your Parallax Pro themes functions file
  4.  

You can then select which template you want to use on any single post/page edit screen.

Download Folder

Was This Tutorial Helpful?