Show gallery image info on hover?

LogixX · Apr 21st 2018

How can I show the gallery image only on hover?

This is how I want my image list page to look:

Not like this:

This is what I want to see when I hover over an image:

muig.5 · Apr 21st 2018

Code

.galleryImageList > li > div {
    height: 0;
    bottom: -20px;
    transition: height 0.25s ease-out;
}

.galleryImageList > li:hover > div {
    height: 80px;
    bottom: 0px;
    transition: height 0.25s ease-out;
}

.galleryImageList > li > div > div {
    height: auto;
}

Display More

LogixX · Apr 21st 2018

Thank you muig.5 , your help (in both threads) is appreciated greatly.

Show gallery image info on hover?

Participate now!

Share