Support » Theme: Twenty Twenty » Change color overlay of featured images on hover?

  • I like the color overlay on featured images, however I want the normal image on mouse-over. Is this possible? I can see the theme uses the css property mix-blend-mode for this.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Try this CSS:

    .cover-color-overlay {
        transition: opacity .25s ease-in-out;
        -moz-transition: opacity .25s ease-in-out;
        -webkit-transition: opacity .25s ease-in-out;
    }
    .cover-header.bg-image:hover .cover-color-overlay {
        opacity: 0;
    }

    Unfortunately, it’s not that simple.
    Thanks, Tom

Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.