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

WP SITES

2551

Original Genesis Tutorials & 6000+ Guaranteed Code

Snippets

  • Support
  • Newsletter
  • Register
  • Videos
  • 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

Primary Sidebar

How it works :

I write tutorials for you which include the custom code you need for a flat $49.99 fee. You get 1 tutorial request as well as access to all 2500+ existing tutorials for 1 month.

  • Premium Members Only
  • Access Premium Tutorials
  • Support