Remove hover image link effect (project section)

Hello,

How do I remove the hover effect on the images link in the project section ? Thanks.
(I’ve tried to :hover -> opacity : 1; but it doesn’t work)

Website : chantastic.fr

Hi,

Please add this Custom CSS in Appearance -> Customize -> Additional CSS,

#projects .project:hover .project-overlay {
    opacity: 0;
}

Let us know,

Thanks,
laranz.

Thank you, and how can I make a “zoom in” effect on hover in the image but without the container growing ?

hey there

Zoom effect - Please add this CSS in appearance - customize - additional CSS

.widget_illdy_project {
overflow: hidden;
}
#projects .project {
overflow: hidden;
transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
}
a.project:hover {
transform: scale(1.2);
transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
}

Thanks!
Colorlib Support Team

Thank you guys again :slight_smile:

Hi, there

Ok I will now close the topic and mark it as resolved. Feel free to contact us again Thanks!