css for resize product variant image

[medusasmakeup]

I am using a section from the app "Section Store" for products variants. I would like to resize the variant images. Any idea how to do it? The app gave me this css code, but nothing happens.

.swiper-backface-hidden .swiper-slide {
height: 25px;
}

[PageFly-Amelia]

Hi there,

This is Amelia from PageFly - Landing Page Builder App

It would be great if you could share the URL of your page. That way, I can take a look and provide you with some custom CSS code to help with your issue.

Best regards,
Amelia | PageFly

[Shadab_dev]

Please do share your url and also you don't need an app to add variant swatches. Just saying, but if it makes easier for yourself and does not hamper the performance of your store much then there's nothing much to worry about.

[suyash1]

@medusasmakeup  can you please share your website link?

[medusasmakeup]

https://medusasmakeup.com/products/medusa-semi-permanent-hair-color-pink-pony

[Dan-From-Ryviu]

You can try to update the code and check again

.swiper-backface-hidden .swiper-slide {
height: 25px !important;
}

[niraj_patel]

Hello @medusasmakeup 
replace your code with this
  .swiper-backface-hidden .swiper-slide {
      height: 25px !important;
  }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[medusasmakeup]

I tried it and it didn't work, any other suggestions?

[niraj_patel]

would you like to share your store URL and password if any please.
so i can check and provide you possible solution for your question.

[topnewyork]

Hi @medusasmakeup , I hope you are doing good. Kindly try the below code:

.swiper-backface-hidden .swiper-slide {
      height: 25px !important;
  }

If my reply is helpful, kindly click like and mark it as an accepted solution.

Thanks!