Tagged: ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • September 27, 2016 at 6:19 pm #692369
    fulvio

    Hi,
    on this page: http://www.pieramartellozzo.it/
    there is a beautiful effect on the images.
    How can I add the effect on Masonry Portfolio and Masonry Gallery?
    The page loading is very nice.
    Thank you.

    September 29, 2016 at 4:25 pm #693209
    Yigit

    Hey fulvio,

    Please edit your element and choose to display captions as overlay on your images. Similar effect can be seen here – http://kriesi.at/themes/enfold-shop/

    Best regards,
    Yigit

    September 29, 2016 at 5:07 pm #693248
    fulvio

    Thank you.

    September 29, 2016 at 5:21 pm #693259
    Jordan

    Hi,

    Glad we could be of assistance! Feel free to reach out to us again if you need anything else :)

    Best regards,
    Jordan

    October 14, 2016 at 7:52 pm #699278
    Emma1202

    Hi,
    I’m trying to create the same effect (colored overlay on masonry gallery) on this page http://919fixmyac.com/homepage-1/, but I can’t seem to make the overlay this color: #142e7b even by changing the setting in the Linked Image Overlay Setting. Did I miss a step?
    Thank you!
    Emma

    October 14, 2016 at 10:16 pm #699303
    Yigit

    Hi Emma!

    It seems like you figured it out already by using following code

    #top .av-caption-style-overlay a.av-masonry-item-with-image .av-inner-masonry-content {
    background: rgba(20, 56, 123, 0.7);
}

    Best regards,
    Yigit

    October 16, 2016 at 12:05 am #699419
    Emma1202

    I did, but it doesn’t work the same way as the enfold shop demo. In that demo when you hover over one of the images, the overlay disappears. The way I did it, nothing happens when I hover over one of the images.

    Is there a setting I need to change maybe to get that result?

    Thank you.
    Emma

    October 18, 2016 at 7:57 am #700427
    Nikko

    Hi Emma,

    Kindly add this css code:

    #top .av-caption-style-overlay a.av-masonry-item-with-image .av-inner-masonry-content:hover {
    background: transparent;
}

    if it doesn’t work try this one instead:

    #top .av-caption-style-overlay a.av-masonry-item-with-image .av-inner-masonry-content:hover {
    background: transparent !important;
}

    Hope this helps :)

    Best regards,
    Nikko Ayag

    October 19, 2016 at 11:17 pm #701564
    Emma1202

    Thank you!!!! It worked :)
    Emma

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Effect hover on Masonry Gallery and Masonry Portfolio’ is closed to new replies.