Tagged: Masonry Gallery, rollover, url
A couple of issues:
I am trying to set up a masonry gallery on the page below, with the images opening videos in lightbox.
>I am having trouble getting the right url to the youtube videos. THe first image is linked to your youtube demo video and works fine – the second one, using the embed code given on the youtube page for the video, opens in another window to the youtube link itself instead of in the lightbox, and the third (using the url from the search bar) gives me an error message. Does this have something to do with the fact that the videos are in a playlist in youtube?
>Is it possible to have the hover rollover look more like on this page: http://uffetruust.com with the title & caption on a transparent overly covering the whole image?
I’d appreciate any fixes you may have.
thanks
Nancy
Hey Munford!
Add this to your custom CSS.
figcaption {
height: 100%;
left: 0;
background: rgba(255,255,255,0.7);
position: absolute;
top: 0;
width: 100%;
}
As for the link it should look something like this.
http://www.youtube.com/watch?v=G0k3kHtyoqc
I tried viewing the link you provided but it gives me a 404.
Cheers!
Elliott
Hey!
I only see vimeo in your page.
Try using this format.
http://www.youtube.com/watch?v=G0k3kHtyoqc
Just copy the video code from your URL, ggC7ZP1pR2U
, and add it to the URL above.
For the masonry on mobile, your trying to hide the excerpt but keep the title displaying correct? Add this to your custom CSS.
@media only screen and (max-width: 479px) {
figcaption .av-masonry-entry-content {
display: none !important;
}
}
Cheers!
Elliott
thanks that worked