Show gallery image info on hover?

LogixX · April 21, 2018 at 4:52 PM

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 · April 21, 2018 at 5:23 PM

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 · April 21, 2018 at 5:45 PM

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

Participate now!