Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 25, 2014 at 6:33 pm #256280
    FRANXIZKO

    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

    April 25, 2014 at 7:02 pm #256294
    Josue

    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

    April 25, 2014 at 7:28 pm #256312
    FRANXIZKO

    Thanks Josue, works like a charm….

    April 25, 2014 at 7:30 pm #256313
    Josue

    You are welcome, glad we could help :)

    Regards,
    Josue

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Portfolio Transparency on Hover’ is closed to new replies.