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

WP SITES

2784

Original Genesis Tutorials & 6000+ Guaranteed Code

Snippets

  • Consultation
  • Full Access
  • Log in

Infinity Pro Single Post Title Over Image

This template displays a image behind the single post entry title in the same way the front page 1 widget area.

The image is added using ACF image field however the code enables you to use a WordPress custom field named infinity_hero_image. When no image is added, a backup image added to the Infinity Pro themes images folder named hero.jpg will display.

When ACF is inactive, either the added image ( added via ACF or WP custom fields ) or the backup will display as you can see in the following demo video.

Demo Video

Shows a image added via ACF or WP custom fields displaying behind the entry title on single posts both on desktops and smaller screen sizes.

Installation

There’s 3 steps once you get access to the download folder :

Step 1 : Upload both the single.php & hero.css files to the Infinity Pro themes root directory.

Step 2 : Install ACF and create a new field using the following settings :

If you prefer to use the WordPress custom fields meta box rather than ACF, add the image i.d like this :

You can then add a backup image named hero.jpg to the Infinity Pro themes images folder.

Modify Image Height

On Line 84 of hero.css, modify the value for the height.

Register or login to access the download folder :

Register for full access

Related Tutorials

  • Infinity Pro Single Page Title Over Full Width Hero Image Image
  • Image Behind Archive Title in Infinity Pro

Infinity Pro Theme

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Code written by Brad Dalton specialist for Genesis, WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Tags
 

Loading Comments...
 

You must be logged in to post a comment.