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

WP SITES

2468

Original Genesis Tutorials & 5000+ Guaranteed Code

Snippets

  • Subscribe
  • Register
  • Videos
  • Log in

Need Help? - Get Coding Support Now

Show Featured Image Description on Image Hover

This tutorial displays the description of your featured image on hover.

Here’s what the description looks like displayed over the image when hovered:

Featured image description on hover

There’s 2 steps involved:

  1. Modify the PHP code for your featured image to include the description
  2. Use CSS to display the description text over the image.

Note: This example is tested on the Minimum Pro child theme by StudioPress which includes a portfolio-archive.php file.

Here’s the solution for logged in members:

Click here to get full access to all tutorials

Video – Image description on Hover

Related Code Snippets

  • Add Text Overlay To Featured Image Hover On Single Posts
  • Archive Template With Featured Image Hover Overlay
  • Add Caption & Image Description Below Genesis Featured Posts Image
  • Add Content After Featured Images on Archive Pages

Featured Image

Primary Sidebar

Recently Coded

  • Infinity Pro – Change Team Page From 4 To 3 Columns
  • Infinity Pro Vertical Menu
  • Genesis Sample Theme – Custom Archive Page Template With Different Hero Images
  • Foodie Pro – Reposition Search Box Before Nav Menu
  • Showcase Pro – Use Custom Image As Single Post Entry Header Background

Brad Dalton Specializes In Genesis child theme customization & code modification.

Advertise · WPEngine · Genesis · Log in

  • Membership
  • by Theme
  • Contact
  • RSS
  • Newsletter ( Twice Weekly )