Unfortunately due to other commitments, we are no longer able to provide support for these themes.

All our themes are now free and can be downloaded by anyone to use/modify however they wish.

We want to thank all our users for their support over the years. All the best in 2020 and beyond.

Modifying the Thumbnails' Hover

shoppingelleshoppingelle Support Expired
(WP 4.8)

Is it possible to have homepage thumbnails change from black and white to colour on mouseover?

Thanks!

Lauren / http://goldbirdcreative

Comments

  • Options
    Mark_HodderMark_Hodder Administrator, Lifetime Member
    It'll only work on browsers that support it but something like this may work:
    .sized .grid-item img {
    	-webkit-filter: grayscale(1);
    	-webkit-filter: grayscale(100%);
    	filter: gray;
    	filter: grayscale(100%);
    }
    
    .sized .grid-item img:hover {
    	-webkit-filter: none;
    	-webkit-filter: none;
    	filter: none;
    	filter: none;
    }
    FYI in your current custom CSS you are missing a closing } here:
    .homepage_template .slider p, .homepage_template .slider blockquote {
        color: #5b7283;
        margin-bottom: 0.75rem;
    
    /* SIDEBAR */
    Need Additional Help?
    - Check out the Resource Center for helpful tutorials and hints.


    image
This discussion has been closed.