Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #11073
    Mediabrands
    Participant

    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; }

    #11074
    Mediabrands
    Participant

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

    #11112
    Rattus
    Keymaster

    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);
    }
Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘Modules’ is closed to new topics and replies.
Forum closed. Use forum at Wordpress.org: Gmedia Support Forum