How do i get rid of the hover to see the actual colors on the portfolio?

  • Posted in : BookCard WP
  • austinolet
    Participant

    How do i get rid of the hover to see the actual colors on the portfolio? (the shadow effect)

    ahmetsali
    Keymaster

    Hi, try adding this custom css code;

    .media-box:hover img {
    	-webkit-filter: none; filter: none;
    	}
    
    austinolet
    Participant

    i just tried, and it didn’t work :/

    austinolet
    Participant

    oops i posted this in the wrong section im using the book card wp theme…

    ahmetsali
    Keymaster

    then try this custom css code;

    @media screen and (min-width: 1200px) { 
    	.portfolio-items .hentry img, .portfolio-items .media-box:hover img { -webkit-filter: none; }
    }
    

    *moved the topic to bookcard wp forum,

    thyagoresende
    Participant

    Hi, I want to show the portfolio items thumbs in their original color, but I would like the hover to take the saturation away completely when I hover my mouse pointer over them. Is that possible?

    ahmetsali
    Keymaster

    @thyagoresende

    Hi, try this custom css code;

    .portfolio-items .hentry img {
        -webkit-filter: none;
    }
    .portfolio-items .hentry:hover img {
        -webkit-filter: grayscale(100%);
    }
    
    thyagoresende
    Participant

    Thanks ahmetsali, it works great! (I find it better to show the thumbs in their original colour because I feel that people tend to take a look as a whole in the portfolio)

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

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register