Tagged: , ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • January 24, 2019 at 6:00 pm #1058255
    restube

    Hey community,

    I was wondering if it’s possible to switch the overlay effect of an image.
    With the current setting images show the overlay on default and become more bright once I hoover over them.
    I would like to have it the other way round.
    Is that possible?

    Cheers
    Dennis

    January 25, 2019 at 8:57 am #1058556
    Rikard

    Hi Dennis,

    Did you try the Linked Image Overlay option under Enfold->Advanced Styling?

    Best regards,
    Rikard

    February 1, 2019 at 11:46 am #1061481
    restube
    This reply has been marked as private.
    February 3, 2019 at 4:17 pm #1062274
    Victoria

    Hi Dennis,

    https://cl.ly/64fd33d522c1 The caption is always displayed at the moment and the image is slightly highlighted on hover. Is this not the behavior that you want?

    Best regards,
    Victoria

    February 5, 2019 at 10:49 pm #1063391
    restube

    Hey Victoria,
    well the caption is correct – always displayed. However, the main concern is the overlay effect. On default the images are a bit darker then usual (which I set manually). Once the courser hovers over the image the overlay effect disappears and the image is shown in full brightness. I love the overlay effect, however i want it the other way round. Show image on full brightness on default and as soon as someone hovers the courser over the image the darkening effect starts.

    Does that make sense for you guys?

    Cheers

    February 7, 2019 at 10:48 pm #1064327
    Victoria

    Hi restube,

    Can you remove the effect that you added and we’ll try to offer a solution for you?

    Best regards,
    Victoria

    February 15, 2019 at 11:50 am #1067409
    restube

    Sure,

    what would your solution look like?

    Cheers

    February 19, 2019 at 4:52 am #1068748
    Ismael

    Hi,

    Thanks for the update.

    You can start with this css code:

    .av-overlay-hover-deactivate .av-caption-image-overlay-bg {
    opacity: 0 !important;
}

.av-overlay-hover-deactivate:hover .av-caption-image-overlay-bg {
    opacity: 0.2 !important;
}

    Best regards,
    Ismael

    February 20, 2019 at 10:24 pm #1069714
    restube

    Beautiful! That`s exactly what i was looking for! :)

    Thanks heaps for the support guys!

    Cheers
    Dennis

    February 21, 2019 at 7:39 am #1069818
    Ismael

    Hi,

    Awesome. Glad we could help. We’ll close the thread now.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Switch Image overlay effect to no overlay -> overlay’ is closed to new replies.