Inconsistent image sizing

Solved

Inconsistent image sizing

WinkelvanSinkel
Visitor
3 0 0

I have tried pasting codes in theme.css and base.css but it does not affect my website at all

 

preview:

https://ua339d7nn4j8jnrp-86741057877.shopifypreview.com

Accepted Solution (1)

tim
Shopify Partner
3638 315 1344

This is an accepted solution.

So you're seeing this:

Screenshot 2024-06-21 at 12.59.23 AM.png

 

but want to see this:

Screenshot 2024-06-21 at 12.59.38 AM.png

 

You can try adding code like this to your sections or theme Custom CSS setting:

.card__inner.ratio {
  --ratio-percent: 100% !important; /* can change the number to your taste */
}
.card__inner.ratio img {
  object-fit: contain;
}

 

If my post is helpful, consider liking it -- it will help others with similar problem to find a solution.
I can be reached via e-mail tairli@yahoo.com

View solution in original post

Replies 3 (3)

tim
Shopify Partner
3638 315 1344

This is an accepted solution.

So you're seeing this:

Screenshot 2024-06-21 at 12.59.23 AM.png

 

but want to see this:

Screenshot 2024-06-21 at 12.59.38 AM.png

 

You can try adding code like this to your sections or theme Custom CSS setting:

.card__inner.ratio {
  --ratio-percent: 100% !important; /* can change the number to your taste */
}
.card__inner.ratio img {
  object-fit: contain;
}

 

If my post is helpful, consider liking it -- it will help others with similar problem to find a solution.
I can be reached via e-mail tairli@yahoo.com
WinkelvanSinkel
Visitor
3 0 0

Thank you very much for you're help. I appreciate it for taking time to help me.

WinkelvanSinkel
Visitor
3 0 0

Thank you very much