• 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

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

Featured Image Grid Columns

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