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

Posted in : BookCard WP
austinolet
Participant
20 February 2014 at 06:03
#12498

How do i get rid of the hover to see the actual colors on the portfolio? (the shadow effect)
ahmetsali
Keymaster
25 February 2014 at 22:01
#12655
Hi, try adding this custom css code;
```
.media-box:hover img {
	-webkit-filter: none; filter: none;
	}
```
austinolet
Participant
26 February 2014 at 02:21
#12682

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

austinolet
Participant
26 February 2014 at 03:19
#12683

oops i posted this in the wrong section im using the book card wp theme…
ahmetsali
Keymaster
27 February 2014 at 17:22
#12705
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
12 March 2014 at 09:09
#12925

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
15 March 2014 at 00:44
#12979
@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
15 March 2014 at 05:37
#12986

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

BookCard WP - 3D Folded vCard WordPress Theme

by pixelwars