Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • February 18, 2022 at 9:08 am #1341303
    Veronika

    Hi dear Kriesi-team,

    I already startet a thread with this topic regarding my the white fade out on hovering on my welcome page and got kindly this code from you:

    .avia_transform #top a:hover .image-overlay {
    opacity: 0.3 !important;
    }

    which works perfectly for my home page, but unfortunately not on my “all posts” page

    How can I change the code, so it applies to all my sites?

    Thank you for your support,
    best,
    Veronika

    February 19, 2022 at 8:18 pm #1341426
    Mike

    Hey Veronika,
    Your “all posts” page is using a masonry element and the current css for the white mouse-over effect is this:

    .avia_desktop .av-hover-overlay-active .av-masonry-entry:hover .av-masonry-image-container, .avia_desktop .av-hover-overlay-active.av-caption-style-overlay .av-masonry-entry .av-masonry-image-container {
    opacity: 0.2;
}

    I’m not sure how you want to change this as you say opacity: 0.3 is perfect, and this page is opacity: 0.2, so you can adjust like this and add the !important;

    .avia_desktop .av-hover-overlay-active .av-masonry-entry:hover .av-masonry-image-container, .avia_desktop .av-hover-overlay-active.av-caption-style-overlay .av-masonry-entry .av-masonry-image-container {
    opacity: 0.3!important;
}

    then add this to your Quick CSS and clear your browser cache and check.

    Best regards,
    Mike

    February 21, 2022 at 6:04 pm #1341700
    Veronika

    Hi Mike,

    I don’t know why, but the first code does not apply to the “all posts” page. But with your second code, it’s working. Thank you, you can close this now

    Best,
    Veronika

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘white fading on hover #2’ is closed to new replies.