Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 2, 2024 at 10:29 pm #1436082
    joschro

    Hello, right now the portfolio category thumbnails and portfolio item thumbnails are a bit dim on the page, then go to 100% opacity on rollover/mouseover. I’m wondering if this functionality can be swapped, so the images are 100% opacity to start, then get a bit dimmer on rollover/mouseover.

    March 2, 2024 at 10:34 pm #1436083
    Mike

    Hey joschro,
    Please link to an example page so we can examine the css closer.

    Best regards,
    Mike

    March 2, 2024 at 10:38 pm #1436084
    joschro

    Portfolio

    Right now the thumbnails are a bit dimmed (not full opacity), and when your mouse rolls over the image, it becomes full opacity.

    March 2, 2024 at 10:48 pm #1436087
    Mike

    Hi,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #top .av-hover-overlay-active .av-masonry-image-container {
    opacity: 1;
}
#top .av-hover-overlay-active .av-masonry-entry:hover .av-masonry-image-container {
	opacity: 0.7;
}

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    March 2, 2024 at 10:57 pm #1436090
    joschro

    Yes, that works. Thank you!

    March 2, 2024 at 11:15 pm #1436093
    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.

    Best regards,
    Mike

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Swap rollover opacity functionality’ is closed to new replies.