• 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

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

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.