I changed the max-width: 40%
to
max-width: 1100px
pixels instead of percentage! saved my week from spiraling into madness!
Topic summary
Issue: Image in the Dawn theme’s Image banner is being cropped; resizing the source image has no effect, and the Adapt image option makes it appear too large. Goal: fit to a medium banner height without cropping.
Actions and outcomes:
- A custom edit in theme.liquid (main layout file) above the closing body tag resolved sizing for the poster by adjusting a max-width parameter. The exact code wasn’t provided in the thread, but the key tweak was changing max-width to control banner size.
- Another participant fixed width behavior by switching from a percentage (e.g., 40%) to a fixed pixel value (e.g., 1100px) for max-width.
Related issue and fix:
- Banner looked darker than surrounding areas. Setting the Image banner opacity slider in theme settings to zero removed the dark overlay.
Open questions:
- How to apply the custom code to all Image banners on a page (not just one).
- How to change the banner container height to prevent bottom cropping.
Status: Partially resolved via custom CSS and opacity adjustment; some implementation details remain unanswered.