White border on featured image in certain pixel range?

[UltraSwagnus]

Hi!

• I’ve created a simple lastest post design. When I look at the different break points, everything looks fine. But when I manually resize my browser window there is a certain range where there is a big white space showing up to the sides of my featured image.
  How do I remove it and make the image always fill up the column space? The image object fit is set to Fill. There is no padding around the image.
  I’m seeing that the featured image moves if I choose different alignments under Row Setup, but I can’t find how to make the image always fill the space?

• Also, I can’t find in Docs if I can change the pixels of the breakpoints just for this individual row? I might want to change the point where it goes from medium to small, for example, but not change the breakpoints if anything else.

Thanks!

Regards / M

[tristup]

Hi Magnus,

Thanks for reaching out.
Sometimes the only screenshot doesn’t help us to recognize the issue you are having. We need to examine your site to get the cause of the issue. Can you please provide login credentials for your site in a secure note to examine it further, including:

– WordPress Site URL & Login URL
– WordPress Admin username/password

To create a secure note, click the key icon underneath any of your posts.

NOTE: Alternatively, you can set the image as the background of the column.

Thanks

[UltraSwagnus]

Ok thanks. I’ve sent it.

Note - I’m playing around with things and trying to learn how it all works. I noticed that the grid element on the same page (the first one was just rows/columns) didn’t have the same issue when resizing, so I copied it and tried to style it the same way as the first one to get rid of the problem. It seemed to work at first but somewhere along the line the same issue showed up. I don’t know what setting I’m doing incorrectly.

thanks!

[UltraSwagnus]

I think there is something going on with the element under the image - I was doing a global block and made a similar grid design, and everything was fine with the resizing UNTILL I added a button underneath the image - then the same issue happened again.

[ruenel]

Hello Magnus,

When you set the width of the Image element as auto, the image will display filling the space occupied by the image. This setting is good for containers that are smaller than the width of the image. If the container’s width is greater than the width of the image, extra spaces will appear around the image. To make sure that there is no gaps or spaces, you will have to set the width of the Image element to 100%.

Hope this helps.