# How do I completely remove hover effects on galleries?

**URL:** <https://forum.wixstudio.com/t/how-do-i-completely-remove-hover-effects-on-galleries/62087>\
**Category:** Ask the community\
**Tags:** cms, question, wix-studio\
**Created:** [August 21, 2024, 4:49pm UTC](https://forum.wixstudio.com/t/how-do-i-completely-remove-hover-effects-on-galleries/62087 "2024-08-21T16:49:13Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Cyan\_Gorilla](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/cyan_gorilla/32/95920_2.png) [@Cyan\_Gorilla](https://forum.wixstudio.com/u/Cyan_Gorilla)\
**Post date:** [August 21, 2024, 4:49pm UTC](https://forum.wixstudio.com/t/how-do-i-completely-remove-hover-effects-on-galleries/62087/1 "2024-08-21T16:49:13Z")

</div>

**Question:**  
How do I completely remove hover effects on galleries?

**Product:**  
Wix Studio Editor.

**What are you trying to achieve:**  
I want to display a gallery of images that are not clickable using a CMS. For this purpose, having a hover effect is undesired. I would prefer using a gallery as opposed to a repeater because repeaters can’t use Image Gallery fields from datasets and adding each field is rather hellish when my galleries have up to 200 images.

**What have you already tried:**  
I’ve tried connecting a repeater to the dataset with the gallery but this doesn’t work.  
I’ve messed around with the properties of the gallery but there is nothing that helps you remove the default hover.

Thank you!

---

<div class="post-metadata">

**Author:** ![Cyan\_Gorilla](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/cyan_gorilla/32/95920_2.png) [@Cyan\_Gorilla](https://forum.wixstudio.com/u/Cyan_Gorilla)\
**Post date:** [August 21, 2024, 5:30pm UTC](https://forum.wixstudio.com/t/how-do-i-completely-remove-hover-effects-on-galleries/62087/2 "2024-08-21T17:30:48Z")

</div>

Well, ended up solving it the caveman way. I just added some css to the site to overwrite the hover behavior:

```javascript
div.pro-gallery .gallery-item-container.shrink-on-hover:not(.hide-hover).simulate-hover, div.pro-gallery .gallery-item-container.shrink-on-hover:not(.hide-hover):hover, div.pro-gallery .gallery-item-container.shrink-on-hover:not(.hide-hover)[data-preview~=hover] {
    transform: scale(1) !important;
}

```

If there is a cleaner way to do it, please let me know.

EDIT: this didn’t work for long.

EDIT2: the only thing that made it work was changing the type of gallery I used as a base. I found that the rounded corners one didn’t have a hover effect so I used that. I guess that if in the future wix chooses to add a hover effect I’m doomed. This is ridiculous, though. How come you can’t just remove ALL hover effects from the 2 menus dedicated to it?

Cheers.

---

<div class="post-metadata">

**Author:** ![noahlovell](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/noahlovell/32/118920_2.png) [@noahlovell](https://forum.wixstudio.com/u/noahlovell)\
**Post date:** [August 22, 2024, 4:50pm UTC](https://forum.wixstudio.com/t/how-do-i-completely-remove-hover-effects-on-galleries/62087/3 "2024-08-22T16:50:12Z")

</div>

Worth checking these places:

- Design tab\> Overlay and Icons\> Overlay effect at the bottom
- Design tab\> Texts\> Choose “What happens to the info on hover?”
- Design tab\> Item Style\> Hover effect

I’ve passed the feedback on about the experience.

Is there a particular area that is showing a hover effect and you don’t want? (e.g. overlay, text image zooming etc)

---

<div class="post-metadata">

**Author:** ![joeythemonk](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/joeythemonk/32/102388_2.png) [@joeythemonk](https://forum.wixstudio.com/u/joeythemonk)\
**Post date:** [December 27, 2024, 1:41am UTC](https://forum.wixstudio.com/t/how-do-i-completely-remove-hover-effects-on-galleries/62087/4 "2024-12-27T01:41:36Z")

</div>

Is there any workaround to this? I would love a solution to this.

---

<div class="post-metadata">

**Author:** ![joeythemonk](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/joeythemonk/32/102388_2.png) [@joeythemonk](https://forum.wixstudio.com/u/joeythemonk)\
**Post date:** [December 27, 2024, 1:42am UTC](https://forum.wixstudio.com/t/how-do-i-completely-remove-hover-effects-on-galleries/62087/5 "2024-12-27T01:42:40Z")

</div>

The pro gallery is permanently fading when you hover over it. There’s no option to turn it off; makes the pro gallery very annoying to use

---

<div class="post-metadata">

**Author:** ![Ana\_Mikatadze](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/ana_mikatadze/32/104202_2.png) [@Ana\_Mikatadze](https://forum.wixstudio.com/u/Ana_Mikatadze)\
**Post date:** [March 2, 2025, 9:06am UTC](https://forum.wixstudio.com/t/how-do-i-completely-remove-hover-effects-on-galleries/62087/6 "2025-03-02T09:06:42Z")

</div>

- Click the Gallery;
- Go into Settings;
- Click “Design”;
- Click “Overlay & Icons”;
- Set the Overlay opacity to 0% (It’s set to 30% by default)

---

<div class="post-metadata">

**Author:** ![MichaelTremain](https://avatars.discourse-cdn.com/v4/letter/m/3ab097/32.png) [@MichaelTremain](https://forum.wixstudio.com/u/MichaelTremain)\
**Post date:** [January 23, 2026, 5:51pm UTC](https://forum.wixstudio.com/t/how-do-i-completely-remove-hover-effects-on-galleries/62087/7 "2026-01-23T17:51:06Z")

</div>

I am experiencing a zooming issue when using the Pro Gallery’s masonry layout on the portfolio presentation page. There is no option to disable zoom-in on hover. I have no action when an item is clicked, so I would like to have no hover effect at all.

Thank you!
