Tagged: ,

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • April 19, 2015 at 6:14 pm #430906
    RickardNi

    If I enable overlay for a Masonry Gallery, I get the standard effect where pictures are dimmed and the hovered image will be lighten up (or shown as normal).

    Is there a way to create this effect only on hover? What I want is the pictures to be shown as if I had overlay deactivated (shown as normal), but on hover, I want the effect as described earlier (which is the hovered picture shown as “normal”, but the other images dimmed out, as with the overlay activated).

    April 20, 2015 at 1:28 pm #431240
    Rikard

    Hey Rickard!

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Cheers!
    Rikard

    April 20, 2015 at 1:45 pm #431253
    RickardNi

    What link? Did you even read the description, or did you not understand what I meant?

    April 21, 2015 at 9:55 am #431849
    Rikard

    Hey!

    Yes, maybe I misunderstood your intentions, could you provide us with screenshots highlighting the issue please?

    Cheers!
    Rikard

    April 21, 2015 at 7:08 pm #432275
    RickardNi
    This reply has been marked as private.
    April 22, 2015 at 11:18 am #432700
    Ismael

    Hi!

    Add this in the Quick CSS field:

    .av-masonry-container.isotope:hover a .av-masonry-image-container {
  opacity: .5 !important;
}

.av-masonry-container.isotope a:hover .av-masonry-image-container {
  opacity: 1 !important;
}

    Make sure that the masonry overlay is deactivated.

    Regards,
    Ismael

    April 22, 2015 at 12:30 pm #432724
    RickardNi
    This reply has been marked as private.
    April 23, 2015 at 7:10 am #433262
    Rikard

    Hey!

    Could you try to add it to Quick CSS under Enfold–>General Styling?

    Best regards,
    Rikard

    April 23, 2015 at 9:59 am #433325
    RickardNi
    This reply has been marked as private.
    April 27, 2015 at 11:50 am #435160
    Ismael

    Hey!

    What do you mean by “pictures still gets dimmed while hovering the masonry, but not any pictures”? I checked the page and it looks OK.

    Regards,
    Ismael

    April 27, 2015 at 12:07 pm #435166
    RickardNi
    This reply has been marked as private.
    April 28, 2015 at 10:41 am #435897
    Ismael

    Hi!

    That’s because we use the hover state of the whole masonry container. It’s not possible to create a hover effect for elements outside the hovered element. If you really want this kind of effect, you need to create a custom jquery script because it is not possible with css alone. Unfortunately, this modification is outside the scope of support. Please hire a freelance developer or contact codeable: http://kriesi.at/contact/customization

    Best regards,
    Ismael

    April 28, 2015 at 11:15 am #435920
    RickardNi

    I understand, thanks for your support!

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Overlay behaviour only on hover’ is closed to new replies.