• 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

Zoom Featured Image On Hover With Title Overlay

This template for Genesis child themes can be used on any archive page type to display a grid of featured images with image zoom effect.

Zoom in Image CSS Effect

The post title is displayed over a background at the same time the image zooms in when hovered. You can also display the image description or caption otherwise the title displays by default.

Demo Video #

Shows a grid of featured images which zoom in on image hover and display the entry title of the post over the image.

Tested using the Genesis Sample child theme by StudioPress.

Installation Steps #

There’s 2 steps :

Create a new category named gallery and upload the file named category-gallery.php from the download folder to your child theme folder.

Download Folder

Copy & paste the following CSS to the end of your child themes style.css file and clear caching.

Register for full access

CSS Grid Columns 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.