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

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

Thank you!

2 Likes

You can add this code into Custom CSS box

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

4 Likes

Thank you! Unfortunately it didn’t work :frowning:

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;
}

1 Like

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)?

2 Likes

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

1 Like

Ah, I used incorrect id. Use this code

.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

html {
    overflow-x: hidden;
}
2 Likes

Hi @Angelo :wave:

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

1 Like

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

1 Like

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

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

2 Likes

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

1 Like

You can use this link 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).

2 Likes