Can't stop image stretch using 'Image' element

[aimeandalex]

I’m using the image element, 1/2 width, inserted into to ‘About Us’ demo page where the ‘Our Mission’ text block was. The image has been cropped to the size I want (450 x 450) but no matter what option I select, it’s stretched to the width of the container.

Please could you let me know what to do to override this?

I saw a very old ticket with the same issue but it wasn’t resolved.

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

What’s the link?

– Kyle

[aimeandalex]

I can’t send the link as it’s on my server, not publicly accessible. I’ve replicated on another site I run that’s also using Atelier:

https://fierlan.com/testing-page-stretchy-image/

[Kyle – SUPPORT]

Add this to your custom css:

.spb_image img {
  width: auto;
}

– Kyle

[aimeandalex]

Thank you! You have no idea how much that’s been bugging me 😉

I don’t supposed you could also let me know how to align it centrally within the container?

[David Martin – Support]

Hi,

Amend it to this:

.spb_image img {
    width: auto;
    margin: 0 auto;
}

Thanks.