Change overlay on hover for post thumbnails

  • Author
    Posts
  • #122789

    Hi there!
    Is it possible to change opacity of overlay on hover somehow for post thumbnails?
    You can see it here: http://anieowyn.com/category/journal/india-2017/

    Website: anieowyn.com

    #123418
    Zed
    Cryout Creations mastermind

    Hi,

    The overlay is not directly configurable through the options (it inherits the accent color values but its opacity is preset), but it can be customized with CSS:

    body .post-thumbnail-container:hover .featured-image-overlay::after {
        opacity: 0.95; /* default value */
    }

    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
    #123453

    Thank you so much Zed! Now it’s perfect!

    #138961

    I also want the post images to have no effect and be displayed without filters. Unfortunately, nothing changes on my page with your tips.
    What am I doing wrong?

    }

    .post-thumbnail-container .featured-image-overlay::after {
    opacity: 0;
    }

    .post-thumbnail-container:hover .featured-image-overlay:before {
    opacity: 0;
    }

    .post-thumbnail-container:hover .featured-image-overlay:after {
    opacity: 0;
    }

    Website: www.tvbuehler.ch

Viewing 4 posts - 1 through 4 (of 4 total)

You need to log in to reply to this topic.