Navigation
Archive / Greyscale – Colour / Ethos carousel bar
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • April 10, 2016 at 6:42 am #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.

    April 10, 2016 at 1:56 pm #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!

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-875084 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>