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

WP SITES

2662

Original Genesis Tutorials & 5000+ Guaranteed Code

Snippets

  • Support
  • Newsletter
  • Videos
  • Log in

Premium Member? - Request custom code

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:

Register for full access

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

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

PHP Code

template_include

get_body_class

if else

array

class_exists

foreach

sprintf

add_action

printf

variable

Advertise · WPEngine · Genesis · Log in

  • How Premium Membership Works
  • Sign Up
  • Support
  • Subscription Details/Invoice
  • Tagged Tutorials
  • Access-Download Problems