Title: Title Hover Effect
Last modified: August 22, 2016

---

# Title Hover Effect

 *  [Halman](https://wordpress.org/support/users/hectorhe/)
 * (@hectorhe)
 * [11 years, 8 months ago](https://wordpress.org/support/topic/title-hover-effect/)
 * Dear users: I tried to make a effect with the title. My intention was make the
   picture slide less opaque and the text appears, centred, over it at the same 
   time when the cursor would be hover. I wrote a new code but the text-link doesn’t
   work because of the padding… Anyone could please help me? Thanks in advance!
 *     ```
       .slideshow_container .slideshow_description_box { background: none; }
   
       .slideshow_container .slideshow_description_box div.slideshow_title {
       font-family: Arial,sans-serif;
       font-size: 40px;
       font-weight: 700;
       letter-spacing: 0.5px;
       text-transform: uppercase;
       width: 100%;
       height: 450px;
       }
       .slideshow_container .slideshow_description_box div.slideshow_description { }
   
       .slideshow_container .slideshow_description_box div.slideshow_title a:link { padding-top: 200px !important; }
   
       .slideshow_container .slideshow_transparent { }
   
       .slideshow_container .slideshow_description_box div.slideshow_title { filter: alpha(opacity = 0); opacity: 0; }
       .slideshow_container .slideshow_description_box div.slideshow_title:hover { filter: alpha(opacity = 100); opacity: 1; }
       .slideshow_container .slideshow_slide_image { filter: alpha(opacity = 100); opacity: 1; }
       .slideshow_container .slideshow_slide_image:hover  { filter: alpha(opacity = 50); opacity: 0.5; }
       ```
   
 * [https://wordpress.org/plugins/slideshow-jquery-image-gallery/](https://wordpress.org/plugins/slideshow-jquery-image-gallery/)

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

 *  [mbrsolution](https://wordpress.org/support/users/mbrsolution/)
 * (@mbrsolution)
 * [11 years, 8 months ago](https://wordpress.org/support/topic/title-hover-effect/#post-5330119)
 * Hi can you share your URL and let me know exactly what you need.
 * Thank you
 *  Thread Starter [Halman](https://wordpress.org/support/users/hectorhe/)
 * (@hectorhe)
 * [11 years, 8 months ago](https://wordpress.org/support/topic/title-hover-effect/#post-5330203)
 * Hello mbrsolution:
 * Thanks so much for your reply, the website is: [http://www.theissueten.com](http://www.theissueten.com)
 * We want to do an effect: when the cursor will be above the slide, its title will
   show in the middle with the picture less opaque.
 * Thanks for your time!
 *  [mbrsolution](https://wordpress.org/support/users/mbrsolution/)
 * (@mbrsolution)
 * [11 years, 8 months ago](https://wordpress.org/support/topic/title-hover-effect/#post-5330204)
 * I think the only way to achieve that is to add some javascript if statements.
 * Regards

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

The topic ‘Title Hover Effect’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/slideshow-jquery-image-gallery_d3d2de.
   svg)
 * [Slideshow](https://wordpress.org/plugins/slideshow-jquery-image-gallery/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/slideshow-jquery-image-gallery/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/slideshow-jquery-image-gallery/)
 * [Active Topics](https://wordpress.org/support/plugin/slideshow-jquery-image-gallery/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/slideshow-jquery-image-gallery/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/slideshow-jquery-image-gallery/reviews/)

 * 3 replies
 * 2 participants
 * Last reply from: [mbrsolution](https://wordpress.org/support/users/mbrsolution/)
 * Last activity: [11 years, 8 months ago](https://wordpress.org/support/topic/title-hover-effect/#post-5330204)
 * Status: not resolved