# PORTFOLIO: Is there a way to kill the zoom in when you hover an image?

**URL:** <https://community.elfsight.com/t/portfolio-is-there-a-way-to-kill-the-zoom-in-when-you-hover-an-image/16723>\
**Category:** Customization\
**Tags:** portfolio\
**Created:** [June 25, 2023, 2:09am UTC](https://community.elfsight.com/t/portfolio-is-there-a-way-to-kill-the-zoom-in-when-you-hover-an-image/16723 "2023-06-25T02:09:18Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![Angelo](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/angelo/32/4993_2.png) [@Angelo](https://community.elfsight.com/u/Angelo)\
**Post date:** [June 25, 2023, 2:09am UTC](https://community.elfsight.com/t/portfolio-is-there-a-way-to-kill-the-zoom-in-when-you-hover-an-image/16723/1 "2023-06-25T02:09:18Z")

</div>

Is there a way to kill the zoom-in when you hover an image? Maybe with CSS?

Thank you!

---

<div class="post-metadata">

**Author:** ![tuanphan](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/tuanphan/32/3165_2.png) [@tuanphan](https://community.elfsight.com/u/tuanphan)\
**Post date:** [June 25, 2023, 9:55am UTC](https://community.elfsight.com/t/portfolio-is-there-a-way-to-kill-the-zoom-in-when-you-hover-an-image/16723/2 "2023-06-25T09:55:34Z")

</div>

You can add this code into Custom CSS box

```auto
.eapp-portfolio-project-look-bottom-overlay-picture.eapp-portfolio-project-picture-component {
    transform: unset !important;
}

```

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/2X/9/9d38d91b2f3c33f334de28242371752825a03513.png)

---

<div class="post-metadata">

**Author:** ![Angelo](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/angelo/32/4993_2.png) [@Angelo](https://community.elfsight.com/u/Angelo)\
**Post date:** [June 25, 2023, 9:43pm UTC](https://community.elfsight.com/t/portfolio-is-there-a-way-to-kill-the-zoom-in-when-you-hover-an-image/16723/3 "2023-06-25T21:43:42Z")

</div>

Thank you! Unfortunately it didn’t work ☹

This is the CSS code i have in there atm - The other bit is to make the “all” tab capital letters.

.eapp-portfolio-project-look-bottom-overlay-picture.eapp-portfolio-project-picture-component {  
transform: unset !important;  
}  
div.eapp-portfolio-project-list-categories-component\>div:first-child {  
text-transform: uppercase;  
}  
@media screen and (max-width:900px) {  
.eapp-portfolio-project-list-categories-component {  
-webkit-box-pack: center;  
-ms-flex-pack: center;  
justify-content: center;  
}

---

<div class="post-metadata">

**Author:** ![tuanphan](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/tuanphan/32/3165_2.png) [@tuanphan](https://community.elfsight.com/u/tuanphan)\
**Post date:** [June 25, 2023, 11:49pm UTC](https://community.elfsight.com/t/portfolio-is-there-a-way-to-kill-the-zoom-in-when-you-hover-an-image/16723/4 "2023-06-25T23:49:48Z")

</div>

Can you share link to page where you added Portfolio widget on your site? & Take a screenshot of fullcode (after you added code I sent)?

---

<div class="post-metadata">

**Author:** ![Angelo](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/angelo/32/4993_2.png) [@Angelo](https://community.elfsight.com/u/Angelo)\
**Post date:** [June 26, 2023, 1:01am UTC](https://community.elfsight.com/t/portfolio-is-there-a-way-to-kill-the-zoom-in-when-you-hover-an-image/16723/5 "2023-06-26T01:01:59Z")

</div>

> **[ADB IMAGERY - SYDNEY PHOTOGRAPHER & RETOUCHER](http://adbimagery.com/)**
>
> Angelo Di-Benedetto Photography, Sydney Photographer, Portrait Photography, Creative Imagery, Glamour, Makeover, Retouching, Sydney Photography, Image Enhancement, Creative Photographer, Angelo Di-Benedetto, Angelo Benette, Sydney Studio, Photo...

 ![IMG_9398](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/2X/c/cf96d1fe7bed08802e6905e1695d8ff9dbfb6bfa.jpeg)

Thanks for all your help. I would love the gallery to span the whole width of the page too, if possible?

---

<div class="post-metadata">

**Author:** ![tuanphan](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/tuanphan/32/3165_2.png) [@tuanphan](https://community.elfsight.com/u/tuanphan)\
**Post date:** [June 26, 2023, 3:19am UTC](https://community.elfsight.com/t/portfolio-is-there-a-way-to-kill-the-zoom-in-when-you-hover-an-image/16723/6 "2023-06-26T03:19:45Z")

</div>

Ah, I used incorrect id. Use this code

```auto
.eapp-portfolio-project-look-card-picture {
    transform: unset !important;
}
div.eapp-portfolio-portfolio-component {
    padding: 0 !important;
}

```

Then add this code to Design \> Custom CSS of Squarespace

```auto
html {
    overflow-x: hidden;
}

```

---

<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:** [June 26, 2023, 10:01am UTC](https://community.elfsight.com/t/portfolio-is-there-a-way-to-kill-the-zoom-in-when-you-hover-an-image/16723/7 "2023-06-26T10:01:00Z")

</div>

Hi @Angelo 👋

Please check the code provided by @tuanphan and let us know if it helped 🙂

---

<div class="post-metadata">

**Author:** ![Angelo](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/angelo/32/4993_2.png) [@Angelo](https://community.elfsight.com/u/Angelo)\
**Post date:** [July 1, 2023, 2:33am UTC](https://community.elfsight.com/t/portfolio-is-there-a-way-to-kill-the-zoom-in-when-you-hover-an-image/16723/8 "2023-07-01T02:33:14Z")

</div>

It worked thank you so much - you are a life saver!! 😃

---

<div class="post-metadata">

**Author:** ![tuanphan](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/tuanphan/32/3165_2.png) [@tuanphan](https://community.elfsight.com/u/tuanphan)\
**Post date:** [July 1, 2023, 2:49am UTC](https://community.elfsight.com/t/portfolio-is-there-a-way-to-kill-the-zoom-in-when-you-hover-an-image/16723/9 "2023-07-01T02:49:25Z")

</div>

You’re welcome.  
I see the site shows “Not secure” - you can consider install ssl certificate to fix this (ssl is free). You can see here: [Understanding SSL certificates – Squarespace Help Center](https://support.squarespace.com/hc/en-us/articles/205815898-Understanding-SSL-certificates)

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/2X/f/f30796fcd9d28ead8e43310cd671f72c74eeef44.png)

when you installed ssl, it will show “secure”, like this

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/2X/b/bd4eca7a091623c6085c2aaf3b87158cc6c8b6b5.png)

---

<div class="post-metadata">

**Author:** ![Angelo](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/angelo/32/4993_2.png) [@Angelo](https://community.elfsight.com/u/Angelo)\
**Post date:** [July 1, 2023, 2:59am UTC](https://community.elfsight.com/t/portfolio-is-there-a-way-to-kill-the-zoom-in-when-you-hover-an-image/16723/10 "2023-07-01T02:59:28Z")

</div>

OH thank you!! I always wondered why it said that - you’ve been so so helpful

---

<div class="post-metadata">

**Author:** ![tuanphan](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/tuanphan/32/3165_2.png) [@tuanphan](https://community.elfsight.com/u/tuanphan)\
**Post date:** [July 1, 2023, 3:04am UTC](https://community.elfsight.com/t/portfolio-is-there-a-way-to-kill-the-zoom-in-when-you-hover-an-image/16723/11 "2023-07-01T03:04:37Z")

</div>

You can use [this link](https://www.buymeacoffee.com/tuanphan.hero) Thank you!  
When you complete the website, and want to make sure the website is free of any errors, you can post in this category, we will help you check the website (for free).

> **[Your Website Feedback](https://community.elfsight.com/c/your-website-feedback/141)**
>
> This is your chance to get your website checked by our tech wizard @tuanphan and get a solution to minor issues right on the spot!