Title: Overlay on Thumbnails
Last modified: May 17, 2021

---

# Overlay on Thumbnails

 *  Resolved [c_gra](https://wordpress.org/support/users/cgra/)
 * (@cgra)
 * [5 years, 1 month ago](https://wordpress.org/support/topic/overlay-on-thumbnails/)
 * I would like to darken the thumbnails and add a “+” or magnifier icon to make
   it clear that the user can click on the image to enlarge it.
    I am afraid I cannot
   to this with css only, do you have a tipp for me? I have something like this 
   in mind: [https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_image_overlay_fade](https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_image_overlay_fade)
 * Thank you in advance!

Viewing 1 replies (of 1 total)

 *  Plugin Author [Johannes Kinast](https://wordpress.org/support/users/goaroundagain/)
 * (@goaroundagain)
 * [5 years, 1 month ago](https://wordpress.org/support/topic/overlay-on-thumbnails/#post-14447358)
 * Hi [@cgra](https://wordpress.org/support/users/cgra/),
 * I think this should be possible with CSS, but it’s not the purpose of this plugin.
 * An easy solution would be to show a magnifier with a plus as the cursor if a 
   user hovers a Gallery Item with a link:
 *     ```
       .wp-block-gallery a:hover {
       cursor: zoom-in;
       }
       ```
   
 * Otherwise, you could try to use the ::before or ::after pseudo-elements to add
   the overlay like in your example without changing the HTML structure.

Viewing 1 replies (of 1 total)

The topic ‘Overlay on Thumbnails’ is closed to new replies.

 * ![](https://ps.w.org/gallery-block-lightbox/assets/icon.svg?rev=2788519)
 * [Lightbox for Gallery & Image Block](https://wordpress.org/plugins/gallery-block-lightbox/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/gallery-block-lightbox/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/gallery-block-lightbox/)
 * [Active Topics](https://wordpress.org/support/plugin/gallery-block-lightbox/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/gallery-block-lightbox/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/gallery-block-lightbox/reviews/)

 * 1 reply
 * 2 participants
 * Last reply from: [Johannes Kinast](https://wordpress.org/support/users/goaroundagain/)
 * Last activity: [5 years, 1 month ago](https://wordpress.org/support/topic/overlay-on-thumbnails/#post-14447358)
 * Status: resolved