Mosiac displaying descriptions when hovering

[Mediabrands]

Hi,
I obtained the following CSS code here for Phantom which works great. It allows me to hover over the image and the description pops up. I would like to do this with Mosiac and I also don’t want title to show when hovering over Mosiac. Only the description. How can I do this with the code below so it works?

.gmPhantom_Details .gmPhantom_description .gmPhantom_title {
font-size: 24px;
margin-top: -8px;
}
.gmPhantom_Details .gmPhantom_description p {
font-size: 16px;
line-height: 1.2;
}
.gmPhantom_ThumbLabel {
font-size: 15px; }
.gmPhantom_ThumbLabel_title {
font-size: 15px;
line-height: 1.2;
background-color: grey; }

[Mediabrands]

I don’t think this module has label on mouseover? How can it be added?

[Rattus]

Custom CSS to display captions when mouse hover a thumbnail:

.gmediaMosaic .gmMosaicItem_caption {
    display: block !important;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 10px;
    max-height:100%;
    box-sizing:border-box;
    overflow:auto;
    overflow-x:hidden;
    background-color: rgba(0,0,0,0.5);
    color: #fff;
    transform: translateY(100%);
    transition: transform 0.3s;
}

.gmediaMosaic .gmMosaicItem_title {
    font-weight: bold;
    color: inherit;
}

.gmediaMosaic .gmMosaicItem_text {
    color: inherit;
}

.gmMosaicItem:hover  .gmMosaicItem_caption {
    transform: translateY(0);
}

[Author]

Posts