Title: Hover state
Last modified: August 22, 2016

---

# Hover state

 *  Resolved [kbferg](https://wordpress.org/support/users/kbferg/)
 * (@kbferg)
 * [11 years, 2 months ago](https://wordpress.org/support/topic/hover-state-1/)
 * Hi,
 * i was just wondering if there was a way to create a hover state on the initial
   thumbnail that launches gallery. Just so users know they need to click on image?
 * Thanks so much!
 * Karin
 * [https://wordpress.org/plugins/foothumbnails-for-galleries/](https://wordpress.org/plugins/foothumbnails-for-galleries/)

Viewing 3 replies - 1 through 3 (of 3 total)

 *  Plugin Author [Matt Cromwell](https://wordpress.org/support/users/webdevmattcrom/)
 * (@webdevmattcrom)
 * [11 years, 2 months ago](https://wordpress.org/support/topic/hover-state-1/#post-5698982)
 * Sure. The hover effect that you choose in the settings is made visible basically
   by reducing the opacity of the image. So you can force that in advance. I can’t
   troubleshoot it for you, but here’s a good starting point so you can run with
   it and fit it to your situation.
 * If you want ALL the images in the gallery to show the hover effect immediately,
   use this:
 *     ```
       .owl-stage div.active img {
       opacity: .5;
       }
       ```
   
 * If instead, you just want the first image in the carousel to have the effect,
   use this:
 *     ```
       .owl-stage div.active:nth-of-type(5) img {
       opacity: .5;
       }
       ```
   
 * This one depends completely on how many images you have in your “stage”, and 
   which image is the first one that appears to the far left of your stage.
 * Thanks for using Owl Carousel for FooGallery!
 *  Thread Starter [kbferg](https://wordpress.org/support/users/kbferg/)
 * (@kbferg)
 * [11 years, 2 months ago](https://wordpress.org/support/topic/hover-state-1/#post-5698996)
 * Thanks for prompt feedback! It was actually the thumbnail pic used to launch 
   gallery I want to have a hover state not once inside the pop up. I am using your
   Foothumbnails plugin. Does this make sense?
 *  Plugin Author [Matt Cromwell](https://wordpress.org/support/users/webdevmattcrom/)
 * (@webdevmattcrom)
 * [11 years, 2 months ago](https://wordpress.org/support/topic/hover-state-1/#post-5698999)
 * Oh shoot. Wrong plugin! Ha! That’s actually much easier.
 * In that case, use something like this:
 *     ```
       a.ftgtrigger:hover img {
           opacity: .5;
       }
       ```
   
 * Of course, you could do border-style instead:
 *     ```
       a.ftgtrigger:hover img {
           border: 2px solid black;
       }
       ```
   
 * Have fun with it! Thanks for letting me laugh at myself a bit 😉

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Hover state’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/foothumbnails-for-galleries_696868.
   svg)
 * [FooThumbnail Gallery](https://wordpress.org/plugins/foothumbnails-for-galleries/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/foothumbnails-for-galleries/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/foothumbnails-for-galleries/)
 * [Active Topics](https://wordpress.org/support/plugin/foothumbnails-for-galleries/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/foothumbnails-for-galleries/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/foothumbnails-for-galleries/reviews/)

 * 3 replies
 * 2 participants
 * Last reply from: [Matt Cromwell](https://wordpress.org/support/users/webdevmattcrom/)
 * Last activity: [11 years, 2 months ago](https://wordpress.org/support/topic/hover-state-1/#post-5698999)
 * Status: resolved