Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #256280

    Hi guys, is it possible to have a transparency effect on the fullwidth masonry images when you hover, and show the title and the excert in the center of the frame, like on this website? http://delsolphotography.com/

    Thanks

    #256294

    Hey!

    Try adding this code to the Quick CSS:

    .av-masonry-entry:hover .av-inner-masonry-content{
        opacity: 0.8 !important;
    }
    .av-masonry-entry .av-inner-masonry-content {
        height: 101%;
        text-align: center;
        display: table;
        opacity: 0 !important;
        -webkit-transform: none !important;
        -moz-transform: none !important;
        transform: none !important;
    }
    .av-inner-masonry-content-pos {
        vertical-align: middle;
        display: table-cell;
    }

    Cheers! 
    Josue

    #256312

    Thanks Josue, works like a charm….

    #256313

    You are welcome, glad we could help :)

    Regards,
    Josue

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Portfolio Transparency on Hover’ is closed to new replies.