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.

And tilt

Here’s the code for logged in members: