Remove Hover Zoom Effect on Pictures at the Mosaic Section

Hello,

I’m using the pipeline theme and would like to remove the zoom hover effect ONLY for the Mosaic Section. How can I do this?

Website ID: https://742163.myshopify.com/pages/lookbook

Password: 123

I would like to give you a solution to support you:

  1. Go to Online Store-> Theme-> Edit code
  2. Open your theme.liquid theme file
  3. Paste the below code before :

Was my reply helpful? Please Like and Accept Solution. This mean alot to me.

@Apo94
Hello,

.grid__item:hover .tile__image {
	transform: scale(1);
}

Add this CSS at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid

Hi @Apo94 ,

Glad to support you today.

To can remove the zoom effect, you can check out my suggestion below to remove it:

  1. Go to Edit code on Online Store:

  1. add my code above the tag on Theme.liquid:

Eg:

I hope you find the answer helpful.

Kind & Best regards,
GemPages Support Team.