• 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 Caption Text Over Gallery Images With Hover Effects

The code in this tutorial hides your gallery captions so they only display when the gallery images are hovered.

This tutorial is an extension of this post which shows you how to center the caption text you add to each image when creating a new gallery using the native gallery in WordPress.

Here’s the demo video:

Once you know how to add hover effects to gallery images, you’ll then find it very easy to add CSS for modern caption hover effects like greyscale.

gray-scale-hover-effect

And tilt

tilt-image-hover-effect

Here’s the code for logged in members:

Register for full access

WordPress Gallery

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.