Images not filling container LOCAL Theme

[JoannN]

The images for my Collections containers are not showing correctly.  They are not filling the entire container.  Can someone point me to the setting that I need to change to make them fill the entire container?  

[EBOOST]

Hi @JoannN ,

Could you please share your URL store? I will help to take a look.

[JoannN]

Thank you so much!  I appreciate any help you can offer.

https://www.bodyhelix.com/

At the bottom of the homepage, you can see that it is happening with the "blog" images.

[EBOOST]

Hi,

May I suggest to update code these steps:

1. Go to Store Online-> theme -> edit code

2. Assets/theme.cs
3. Add code below to end of file

#main .blog-item  .lazy-image.lazy-image--animation.lazyloaded img {
  transform: scale(1) translateY(-50%);
}
.no-touchevents #main .blog-item  a:hover .lazy-image.lazy-image--animation.lazyloaded img {
  transform: scale(1.1) translateY(-50%);
}

[JoannN]

Thanks!!  I will try that and let you know.  I really appreciate your help!

Joann

[JoannN]

I did that.  This was the result.  It now fills only the top half of the container.

[EBOOST]

Hi,

Do you add code to Assets/theme.css file? I checked code. However, I didn't see any code has been added .

It should be like the screenshot below after apply code

[JoannN]

Sorry for the delay.  I tried what you gave me on a test theme.  I'm always scared to try things on the live theme!  That's why you didn't see it.  We are in the midst of a theme update, and it doesn't seem to be happening on the updated theme.  So, I haven't pursued it any further. I appreciate your response, even though it did not work!  Thanks for taking the time to answer.