We're merging with GenerateBlocks! Learn more here.

[Support request] Photo overlay on post title hover

Please login to receive premium support.

Support for the free plugin can be found here.

Home Forums Pro Support Photo overlay on post title hover

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #30316
    Joe
    Participant

    Hello!

    I have just got ShowPosts Pro and I am loving it so far! Is there a way to have to featured photo overlay appear on the post title hover and not just the photo hover?

    Thanks!

    #30337
    elvin
    Moderator

    Hi there,

    Can you link us to the page in question? To check the list.

    Are you using any stylized cards from any of these? – https://demos.wpshowposts.com/cards/

    We may have to style a few things and rely on scripts. (this isn’t necessary if I’m able to inspect the site and deem it so)

    We may have to do something like this:

    Add CSS:
    .wp-show-posts-image{ opacity: 0; }

    Then add this Example script:

    <script>
    var wpsp_inner = document.querySelectorAll('.wp-show-posts-inner');
    
    for(i=0; i < wpsp_inner.length; i++){
    var wpsp_title = wpsp_inner[i].querySelector('.wp-show-posts-entry-title');
    var wpsp_image = wpsp_inner[i].querySelector('.wp-show-posts-image');
    
    wpsp_title.addEventListener("mouseover", function(){ wpsp_image.style.opacity = 1; });
    }
    </script>
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.