Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Hover effect for Gallery Slideshow


Davidse

Question

Site URL: https://stereobild-stream.com/

Hey,

Iam trying to build a hover effect to hide a gallery slideshow and show the title of the picture. 
I have build this for images and it works great but for the slideshow I ran in to some troubles.

I manage to hide the slideshow by hover but ram not able to show the title.

 

For the images I hid the image by overlaying the title full-size 

#collection-6023ddb5fbdbb45eab5a6bde{
  /*Bilder - Plakat*/
  .design-layout-poster .image-card-wrapper {
    visibility: visible;
    opacity: 0;
    transition-duration: 1s;
  }
  .design-layout-poster:hover .image-card-wrapper {
    visibility: visible;
    opacity: 1;
    background-color: #F2F2F2;
  }

 

But fur the slideshow it didn't work

#block-yui_3_17_2_1_1612964191174_32454:hover {
  visibility: visible;
  opacity: 0;
  transition-duration: 1s;
}

this is hiding  the slideshow and the title

 

Maybe someone can help me

Best

David

Link to post
  • Answers 3
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Posted Images

3 answers to this question

Recommended Posts

  • 0

I just tried this 

#block-yui_3_17_2_1_1612964191174_32454 .meta {
  left:0 !important;
  top:0 !important;
  min-height: 100%;
  min-width: 100%;
  margin: 0 !important;
  background-color: #F2F2F2;
  }
#block-yui_3_17_2_1_1612964191174_32454:hover .meta {
  visibility: visible;
  opacity: 1;

  transition-duration: 1s;
}

 

now I have a full size color that covers by hover the slide show but  the text is to small and iam not able to change it. And when the image change I lose he overlay.

 

Any ideas?

 

Best

Edited by Davidse
Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...