Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 17, 2022 at 4:04 pm #1365343
    evas49

    Masonry galery has effects like “Desaturation”and others.
    These are EFFECTs that should happen when users hover over the image.
    This way it makes sense.
    You established it the other way round without giving your users the option to make it like it should.
    This makes no sense.

    This leads to even more issues on mobile:
    People see only the “effect version” and never the version and image was supposed to be.

    This makes your effects “a “No, no!!”

    When will you fix that?

    EA

    PS: Please @rikard – DONT support me.
    Thank you

    September 18, 2022 at 8:54 am #1365379
    Nikko

    Hi evas49,

    I will forward your request to our devs.
    To reverse the hover effect for desaturation, please add this CSS code in Enfold > General Styling > Quick CSS:

    #top .av-hover-overlay-desaturation .av-masonry-image-container {
    -webkit-filter: saturate(100%);
    filter: saturate(100%);
}

#top .av-hover-overlay-desaturation .av-masonry-entry:hover .av-masonry-image-container {
    -webkit-filter: saturate(30%);
    filter: saturate(30%);
}

    Best regards,
    Nikko

    September 25, 2022 at 11:09 pm #1366288
    evas49

    Hi,
    1: of course i need the code to reverse ALL effects .
    2: If this is so simple – why isnt it an option in your theme? Instead you gave us a dozens of shadows and borders which easily can be done by some lines of simple CSS and gimmicks like sonar & pulsar and stuff nobody ever seriously will use.

    regards
    eva

    September 26, 2022 at 3:32 pm #1366391
    Yigit

    Hi Eva,

    We have forwarded your request to our devs and shared this thread as reference. We will update you here :)

    Best regards,
    Yigit

    September 26, 2022 at 4:52 pm #1366410
    evas49

    Hi Yigit,
    1: when?
    2: Meanwhile i would like to have quickfixes. Nikko proved that there are some.

    thanks and kind regards
    eva

    September 27, 2022 at 1:38 pm #1366542
    Yigit

    Hi,

    1- As soon as we hear back from our devs.

    2- Please add following codes to Quick CSS

    
/* Reverse blur on hover */
#top .av-hover-overlay-bluronhover .av-masonry-entry .av-masonry-image-container {
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
#top .av-hover-overlay-bluronhover .av-masonry-entry:hover .av-masonry-image-container {
  -webkit-filter: blur(0px);
  filter: blur(0px);
}

/* Reverse grayscale on hover */
#top .av-hover-overlay-grayscale .av-masonry-entry .av-masonry-image-container {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}
#top .av-hover-overlay-grayscale .av-masonry-entry:hover .av-masonry-image-container {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}

/* Reverse fade out on hover*/
#top .av-hover-overlay-fade_out .av-masonry-entry .av-masonry-image-container {
  opacity: 0.2;
}
#top .av-hover-overlay-fade_out .av-masonry-entry:hover .av-masonry-image-container {
  opacity: 1.0;
}

    Best regards,
    Yigit

    September 28, 2022 at 4:18 pm #1366743
    evas49

    Hallo Yigit
    thank you very much

    kind regards
    eva

    September 29, 2022 at 1:14 pm #1366883
    Yigit

    Hi,

    You are welcome, Eva. Let us know if you have any other questions and enjoy the rest of your day :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Bug on Masonry Galery’ is closed to new replies.