Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #875084

    hainesy
    Participant

    Hey Team 🙂

    Just wondering if there was a way to make the image come up in greyscale in the carousel, then colour on hover?
    I’ve tried several ways but cant figure it out.

    Cheers for your help.

    site: http://www.in-reach.co.uk

    Dan.

    #875456

    Rupok
    Member

    Hi Dan,

    Thanks for writing in!
    You can add this under Custom > CSS in the Customizer.

    .x-post-carousel .entry-cover {
      -webkit-filter: grayscale(100%);
              filter: grayscale(1);
    }
    
    .x-post-carousel .entry-cover:hover {
      -webkit-filter: none;
              filter: none;
    }

    Hope this helps.

    Cheers!