• 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

Responsive Custom Text Over Featured Image After Header

This code extends the code in this tutorial which enables you to add a responsive featured image after the header in Genesis child themes.

How It Works #

  1. If no image added, a fallback image named fallback.jpg is pulled from your child themes images folder.
  2. If no custom title added, the post title is displayed.
  3. If no custom text added, a word limit from the 1st paragraph of your entry content is used.
  4. Coded to add a responsive title & text over the featured image on each single post/page.
  5. Coded to work with ACF or WordPress custom fields
  6. Works on single posts and single pages
  7. Position content over image

Watch Demo Video #

Tested using the Genesis Sample child theme by StudioPress.

Shows a responsive title and text floated over the featured image on single posts.

Code Installation #

There’s 3 steps relating to usage of the files in the download folder :

Step 1 : Copy the PHP code from the functions.php file to the end of your child themes functions file.

Register or login to access the download folder :

Register for full access

Related Tutorials

  • Responsive Text Over Image
  • Hero Image Behind Site Header & Menu With Text Overlay In Genesis Sample Theme

After Header 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.