Show true height of image - Dawn

Topic summary

A user is trying to display an image at its true height in a section without cropping the sides. Currently, the image appears too tall with sides cut off.

Problem:

  • Adding img { height: auto; } CSS changes the image display but doesn’t reduce the overall section height
  • The section container maintains its original tall dimensions even after the image adjusts

Solution Provided:
Another user suggests removing specific code from the theme.liquid file (shown in a screenshot) as the fix.

Status: The discussion appears to have a proposed solution, but no confirmation yet whether it resolved the issue. The website is password-protected (password: waiheke) for reference.

Summarized with AI on November 1. AI used: claude-sonnet-4-5-20250929.

Hi there,

I want the section below to show the actual height of the image (less tall, and without the sides cut off). But when I add the code below, it keeps the rest of the section still at the same height. Is there a way around this?

Desired:

Current:

After code

img {
  height: auto;
}

Website

password: waiheke

Thanks so much!

Hi @INFRA

Please remove this code you added to the theme.liquid file