Opacity of portfolio items

Posted in : BookCard
anto80
Participant
24 March 2014 at 20:06
#13167

Hello

I would like to prevent the hover effect that makes portfolio items opaque on hover (opacity:1). This change would make the images in the portfolio always 100% visible, not partially opaque until hover.

I know this must be a simple CSS tweak but I could not figure it out on my own through trial/error.

Any help will be greatly appreciated!
Thanks
Anthony
ahmetsali
Keymaster
26 March 2014 at 22:29
#13220
Hi, try this custom css code;
```
.portfolio-items .hentry img { -webkit-filter: grayscale(0%); }
```
anto80
Participant
27 March 2014 at 02:28
#13242

I just tried adding the css code to the main.css file but it doesn’t remove the grayscale hover effect. Any other ideas I can try?

Thanks

ahmetsali
Keymaster
27 March 2014 at 12:10
#13252

please provide your url to check what’s wrong.

anto80
Participant
27 March 2014 at 15:08
#13258

Just to confirm, there is nothing wrong and my template is working as you intended.

My request was to remove the hover effect on the images in the portfolio section (“Experience” for my website), so the opacity (image colour) is not affected when not hovered.

My website is http://www.vicaraconsulting.com

ahmetsali
Keymaster
27 March 2014 at 23:58
#13266

Are you sure you added the custom css code to end of the main.css and uploaded to your ftp?
I just checked your main.css file and can’t see the custom css code.

anto80
Participant
28 March 2014 at 04:03
#13267

Ah yes you’re right!

I had originally added it but when I noticed it didn’t work I removed it. Now that I just re-added it again, it seems to work.

Thanks for all your help ツ

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

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

License required for the following item

BookCard - 3D Folded vCard HTML Template

by pixelwars