Theme cutting off images dawn theme

Technical Q&A
1

Hi all, on my site proerex.co.nz , the second image on the mens page is being cut off on the right-hand side due to the theme. Is there a way to format it so it shows a little more of the image for just that image in particular any help is appreciated thanks.

3

Hi @Temp265

Try to add this code to that image/text section in Edit theme, customizer, under Custom CSS setting for tha section

 .image-with-text__media-item {
    width: 40%;
}

or this code

.image-with-text__media-item .media>img {
    object-fit: none;
}

A bit smaller but slighlty better for differnet screen sizes.

4

I’d rather recommend you playing a bit more with the section settings:

Screenshot 2026-01-21 at 12.05.11 AM
Screenshot 2026-01-21 at 12.05.11 AM341×678 49.6 KB

Maybe Overlap would produce better overall experience.
The way you have it configured, the text content grows width, but image is set to match the height and this results in a very narrow tall image.

5

This usually happens because the image is being constrained by the section or grid CSS in the theme.

For a single image only, the easiest approach is to add a custom CSS rule targeting that specific block or position, rather than changing the global image settings.

A couple of things to check:

  • Whether the image is set to object-fit: cover (this will crop it)

  • The aspect ratio defined for the image grid or section

  • Any fixed width or overflow settings on the container

If your theme allows custom CSS per section, you can override it for that image by switching to object-fit: contain or adjusting the aspect ratio so more of the image is visible.

This keeps the rest of the layout unchanged while fixing just that image.