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

WP SITES

2785

Original Genesis & WooCommerce Tutorials & 6000+ Guaranteed Code

Snippets

  • Try Premium
  • Log in

Imagely – Overlay Entry Title On Full Width After Header Featured Image At Any Screen Width

This download contains a template you select to display your featured image or default.jpg image after the header on single pages and single posts using the Imagely child theme for Genesis. On top of this, the download contains CSS which enables you to flat your entry title over the image like this :

Full-Width-Featured-Image-Content-Sidebar-Layout

In this case the template loads the content sidebar layout however you can use any layout included in Genesis.

Demo Video

Shows the featured image or default.jpg image displayed full width of any screen width after the header using the Imagely child theme for Genesis.

Download Folder

Installation Steps

# Step 1 – Upload the files named after-header.js, after-header.php & backstretch.js to the Imagely theme folder like this :

Step 1

# Step 2 – Copy & paste the CSS from the style.css file to the end of the Imagely child themes style sheet and clear caching.

Step 2

You can then select the After Header Image template from the drop down menu in the Page Attributes box on any Edit Page screen or use the Post Attributes box on any Edit Post screen to load the same template.

Single Post Usage

You can also use this template on single posts. To do this, you’ll need to remove the old deprecated functions in the lib > post_templates.php file which conflict with the new WordPress core functions enabling single post templates.

To enable single post templates in Imagely themes, comment out or remove the line of PHP code which loads the file in functions.php on line 10 as seen in the following image.

Imagely remove single post template meta box

You can then add a template header to all page templates you want available for use in single posts.

Default Image

Upload an image named default.jpg to the Imagely themes images folder which is shown when no featured image is added.

After Header Image Background Image Featured Image

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.