• 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

Featured Image As Background Image

This tutorial provides 2 different ways to display your featured images as the background image for each page or post. The 1st solution uses pure PHP code and the 2nd uses both PHP and jQuery.

Both solutions also enable you to set a fallback image using either:

1. The custom background setting in the WordPress customizer

or

2. By uploading a image to your child theme’s images folder which is shown when no featured image is set.

Here’s both solutions for logged in members:

Solution 1

Add to your child themes functions file

Register for full access

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.