# Remove Zoom effect on hover

**URL:** <https://community.elfsight.com/t/remove-zoom-effect-on-hover/77845>\
**Category:** Portfolio\
**Created:** [October 23, 2024, 1:19pm UTC](https://community.elfsight.com/t/remove-zoom-effect-on-hover/77845 "2024-10-23T13:19:21Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [October 23, 2024, 1:19pm UTC](https://community.elfsight.com/t/remove-zoom-effect-on-hover/77845/1 "2024-10-23T13:19:21Z")

</div>

Add one of these codes to the Custom CSS field on the Style tab of your [Portfolio](https://elfsight.com/portfolio-widget/) widget’s settings.

**1st Project Style:**

```auto
.eapp-portfolio-project-look-overlay-with-click-action:not(.eapp-portfolio-project-look-overlay-with-info):hover .eapp-portfolio-project-look-overlay-picture {
transform: none;
}

```

**2nd Project style:**

```auto
.eapp-portfolio-project-look-card-with-click-action:not(.eapp-portfolio-project-look-overlay-with-info):hover .eapp-portfolio-project-look-card-picture {
transform: none;
}

```

**3rd Project style**

```auto
.eapp-portfolio-project-look-bottom-overlay-with-click-action:not(.eapp-portfolio-project-look-overlay-with-info):hover .eapp-portfolio-project-look-bottom-overlay-picture {
transform: none !important;
}

```