Projects Mouseouver Effect

Illdy
1

I would like to put the mouseover effect in the Projects section. That the photos are in black and white and when you mouseover the color.
Someone help me?

And also wanted to know if it has how to reduce the size of the project images. Thank you.

2

Hi @flaviajackelinep,

Please provide us with your url to check.

Thanks,

Cristian

3

http://morsedigital.com.br/

Thanks

4

Hi @flaviajackelinep,

I see that you have a project overlay in place.

If you want to change the settings use this css class and code and make changes as you wish:


#projects .project .project-overlay {
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

The size of the images could not be changed.

Thanks,

Cristian