Change overlay on hover for post thumbnails

  • Author
  • #122789

    Hi there!
    Is it possible to change opacity of overlay on hover somehow for post thumbnails?
    You can see it here:


    Cryout Creations mastermind


    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
    Please check the available documentation and search the forums before starting a topic.

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


    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;


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

You need to log in to reply to this topic.