Thank you, that did shrink the picture, but is it possible to shrink the entire “Image with text” box to go with it to eliminate the empty space? Changing padding doesn’t work because of the white space in the picture I think.
Topic summary
Main issue: Reduce the image height/size in the Dawn theme’s “Image with Text” section so the image aligns more closely with the text/button area and removes excess whitespace.
Key actions and suggestions:
- Initial step: A responder provided a resized image link, which successfully shrank the picture.
- Goal refinement: The poster wanted the entire section’s height reduced to eliminate empty space (white margins seen as coming from the image and layout).
- CSS suggestion offered: Adjust section paddings and simulated aspect ratio, e.g.,
• .image-with-text__content { padding: 4rem 7rem 3rem; }
• .image-with-text__media { padding-bottom: 80% !important; } - Outcome: The poster instead solved it by resizing the image to 730×434 and forcing .image-with-text__media… to padding-bottom: 0, which disables Dawn’s adaptive aspect ratio (the padding-bottom technique preserves image aspect ratio).
Notes and cautions:
- The responder warned that the poster’s fix breaks adaptive media and isn’t ideal for others who only want to “tighten” spacing without losing responsiveness.
- Images and CSS are central to understanding the changes.
Status:
- Original poster’s issue resolved with a workaround.
- Thread remains open, with others asking how to reduce overall container height.