Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 16, 2021 at 6:12 pm #1333166
    vincentvanderwielen

    Hi!
    I am using the a Mansonry gallery.
    As an effect I use the Fade-out effect on mouse-over.
    The image fades to almost black.

    Is there a way tot adjust the opacity of the Fade-out effect?
    I would like it to stop at say 50%.

    Best regards,
    Vincent

    December 17, 2021 at 7:45 am #1333210
    Rikard

    Hi Vincent,

    Could you post a link to where we can see the actual element on your site please?

    Best regards,
    Rikard

    December 17, 2021 at 11:12 am #1333242
    vincentvanderwielen

    Hi Rikard,
    Thanks for the quick response.
    See link in private content.

    When scrolling down on the homepage you’ll see several galleries containing 9 images.

    On mouse over the images fade to dark.
    I would like to adjust the amount of fading.

    Have a nice day!
    Vincent

    December 19, 2021 at 12:57 am #1333395
    Mike

    Hi,
    Thank you for the login, please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

    #top.home #wrap_all .av-hover-overlay-fade_out .av-masonry-entry:hover .av-masonry-image-container {
    opacity: 0.5;
}

    right now your opacity is 0.2 so this adjustment to 0.5 might be what you want or you can try a higher number.
    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    December 19, 2021 at 2:32 pm #1333442
    vincentvanderwielen

    Hi Mike,

    Thank you for the code… PEFECT!
    Have a nice Xmas!

    Best regards,
    Vincent

    December 19, 2021 at 2:39 pm #1333444
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.
    Merry Christmas.

    Best regards,
    Mike

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Masonry gallery adjust fade effect’ is closed to new replies.