How can I get the second image (on hover) in a carousel to be the same size?

How can I get the second image (on hover) in a carousel to be the same size?

KLARAB
New Member
4 0 0

Hi! 

 

I have 2 issues regarding the carousel /hover images for the Showcase theme that I'd love some help with.

 

1. I would like the second image (on hover) to be a set size, so that it keeps the same proportions as the first image, but also so all second images in the carousel have the same size, regardless of their org size. Is there a way to do this? This is what it looks like now, where eg second image of Swan vs Poppy are different: 

 

Screenshot 2023-09-24 at 13.28.25.pngScreenshot 2023-09-24 at 13.28.14.png

 

 

2. Is there a way to make the horisontal products the same height as the vertical ones, so they don't shrink like below: 

 

Screenshot 2023-09-24 at 13.28.37.png

 

Thanks in advance!

All the best, Klara

Replies 3 (3)

JohnE10
Shopify Partner
113 14 19

Hi, what's the URL of the store?

If my reply was helpful, Like and Accept. Or Buy Me a Beverage
App Development/Custom Modifications, Visit My Gig and let me how I can help
For help with your store speed optimization, Check Out My Other Gig
Feel free to email with any questions: ProjectCoder10@gmail.com
KLARAB
New Member
4 0 0

Hi John, 

Sorry I didn't see your reply until now. I have sorted the first issue out but I am still struggling with the second one, ie how to get the same height on the horizontal pics in the carousel (see screenshot). 

 

The url is https://neatstockholm.com

 

Thanks!

 

 

tommysfriend
Visitor
1 0 0

Hi,

How did you fix the first issue? 

Hoping it'll solve my problem too! 

Thanks